가변 폭 div의 가변 너비 양식?

Question

div가 수행 할 때 텍스트 상자와 검색 버튼의 크기가 다른지 확인하는 방법이 있습니까?

<div class="userinfo"> 
    <form><table id="search" border="0"><tr> 
      <td valign="top"><input type="text" name="search"></td> 
      <td valign="top"><input type="image" name="search-button" src="img/search.png"></td> 
    </tr></table></form> 
</div> 

그리고 userinfo : 그러나 60%의 폭 페이지의 중간에

.userinfo { 
    width: 60%; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 5px; 
} 

.userinfo input[type=text] { 
    width: 70% 
} 

userinfo 거짓말, 내가하려고

이 내 검색 창처럼 보이는 것입니다 userinfo 내의 텍스트 상자를 userinfo에 상대적인 특정 너비로 ​​설정하십시오. 위의 작동하지 않습니다. 아이디어?

Answer 1

검색 입력에 너비 백분율을 지정해야하는 것처럼 들립니다.

검색 버튼을 고정 폭으로 유지하는 것이 좋습니다 (꼭 필요한 것은 아니지만).

편집 : 나는 대한`.class`을 무엇

<div class="widget"> 
    <input type="text" name="query"> 
    <input type="submit" name="search" value="Search"> 
</div> 

<style> 
    .widget { width: 30% } 
    .widget input[type=text] { width: 70% } 
</style>