左右浮动箱比其容器宽

时间:2011-10-16 14:37:59

标签: css css-float

让我们看看:

容器盒为920px,左盒为600px,右盒宽度在200px和400px之间。正如我们在基本情况下所知,如果两个漂浮的箱子比它们的容器宽,那么最新的箱子会突破一个新的线路。

我尝试在右侧框中使用负leftmargin解决它并且它工作正常。 (关于IE6的问题,但没关系。)

负保证金是好还是我能以其他方式避免恼人的浮动盒破损? (我不想使用绝对定位。)

1 个答案:

答案 0 :(得分:0)

负左边距很好。我用了很多时间来调整中心left:50%; margin-left: -250px; // width == 500px;,所以不要担心你可以毫无问题地使用它。

另外,人们将它用于很多小事。网站具有负边距的元素并不罕见。

即使在Stackoverflow中,如果查看CSS,也可以找到负边距。