입력 플로트의 자동 여백이 남음

Question

<div style="width:500px"> 
<input type="text"><input type="text"><input type="text"> 
</div> 

입력이 너비가 31 %이고 부모 div가 100 %로 채울 것입니다. 처음 두 입력에 대한 자동 여백. 이처럼 :

Answer 1

코드는 아래를 참조하시기 바랍니다.

<div class="container"> 
<input type="text"><input type="text"><input type="text"> 
</div> 

<style type="text/css"> 
.container {width:500px;} 
.container input {width:30%;} 
.container input:first-child {margin-right:5%;} 
.container input:last-child {margin-left:5%;} 
</style>