검색 버튼이 움직이지 않도 록 고정

검색 텍스트 버튼을 이동하고 검색 버튼을 누르면 왼쪽에 여백이 생깁니다. 그러나 브라우저 창의 크기를 재조정하면 검색 버튼이 고정되어 있습니다 ... 이동 방법 타이틀 wisth .... 검색 입력 창 선택 메뉴에 대해 화면검색 버튼이 움직이지 않도 록 고정

http://jsfiddle.net/nb6WP/1/

의 Bom 폼 작성

<select> 
    <option value="volvo">Volvo</option> 
    <option value="saab">Saab</option> 
    <option value="opel">Opel</option> 
    <option value="audi">Audi</option> 
    </select>

의 우단에 있어야

출처

2013-02-11 user2045025

암호. –

는 margin -left 비율 10% 값이 20px

출처

2013-02-11 22:02:54

가 크기 조정에서 제대로 모든 방법을 오른쪽 위치로 요소를 전송해야하는 float: right;를 사용해보십시오 화소 (pixel)를 기본으로하지 제공합니다. 또한 검색 버튼의 순서가 변경되었습니다.

<input name="Finish" value="Search" class="checkout-button searchButton" type="submit" style="width: 107px;padding-left: 0px;padding-right: 0px; background-color: #666; float: right;"> 
<input class="span2" type="password" style="float: right;"> 

     <select style="float: right;"> 
     <option value="volvo">Volvo</option> 
     <option value="saab">Saab</option> 
     <option value="opel">Opel</option> 
     <option value="audi">Audi</option> 
     </select>

당신은, 우리가 도움을하려고하지만 당신은 단지 우리에게 관련을 줄 수있을 때 우리는 모든 코드를보고 싶어하지 않는 jsfiddle을 제공뿐만 아니라이 특정 버튼에 관련된 코드를 붙여해야

출처

2013-02-11 22:10:48 mojarras

혼란스러운 바이올린에서 업데이트 할 수 있습니다. http://jsfiddle.net/nb6WP/1/ – user2045025

글쎄, 나는 CSS 규칙'float : right'을 지적하고 있습니다. 좀 더 명확해질 수는 없지만 적어도 CSS에 대한 경험이 적어도 있으므로 더 이상 할 수 없다고 가정합니다. 당신은 여전히 의문이 있다면 그것에 대한 약간의 연구를 시도 할 수 있습니다. – mojarras

검색 버튼이 움직이지 않도 록 고정

답변

관련 문제