我在jsfiddle中有以下 HTML 和 CSS :
<div class="MyBox">
<div class="TopText">text here</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="MyText">text</div>
<div class="OtherText1">text1</div>
<div class="OtherText2">text2</div>
</div>
.MyBox{
padding:10px 10px;
position:absolute;
margin:10px 0px;
border:5px solid black;}
.TopText{clear:right;}
.MyText{
float:left;
margin:10px 10px;}
.OtherText1{
clear:left;
float:left;
margin:10px 10px;}
.OtherText2{
float:left;
margin:10px 0px 10px 50px;}
MyBox 类的 div 需要绝对定位。问题是当我在容器 div 中没有 OtherText div 时,MyBox div 本身的大小很好,但是如果我有这些 div,那么容器 div 似乎通过添加它们的宽度来调整自身的大小。这个问题似乎只在 Chrome 中可见,这很奇怪。
我该如何解决?
谢谢。