你如何包含和定位一個div的輸入？

Question

你如何設法將一個輸入框定位在一個div內？

下面是HTML：

<div class="field"> 
    <input type="text" id="field1"> 

    </div> 

這裏是CSS：

#field1 { 
    width: 100%; 
    border: 0; 
} 
.field { 
    border: 1px solid blue; 
    width: 160px; 
} 

下面是一個小提琴：http://jsfiddle.net/mtuj99n2/2/

Answer 1

您在您的處置在CSS中有這麼多不同的性質你可以用它來做到這一點。我這裏有一個例子：？

#inputField { 

width: 90%; 
height: 100%; 
border: 1px solid red; 
margin-left: 5px; 
margin-top:5px; 
}