だから私はこのかなり奇妙な問題を抱えています。私はいくつかを並べようとしていますdivs
が、この奇妙な問題に遭遇しました。たとえば、div の中に入れ<input type="checkbox" />
て、他の div と同じ行に並べようとすると、何を試しても機能しませんが、2 番目の div にテキストを追加すると、突然機能し始めます。ハプニング?
物事を少し明確にするための私のコードの例を次に示します: http://jsfiddle.net/wxgVw/2/
<div id="container">
<div id="container2">
<div id="left">
<input type="checkbox" />
</div>
<div id="right">
</div>
</div>
</div>
body{
margin:50px;
}
#container{
width:770px;
height:400px;
border:1px solid red;
}
#container2{
width:700px;
height:50px;
margin:10px;
outline:1px solid red;
padding:10px;
}
#left{
width:30px;
height:30px;
outline:1px solid green;
display:inline-block;
zoom:1;
*display:inline;
}
#right{
width:400px;
height:30px;
outline:1px solid black;
display:inline-block;
zoom:1;
*display:inline;
}