CSS Clearing float

2011-08-24 50 views 0 likes

我正在工作两层浮动，并尝试清除它们似乎没有正常工作。CSS Clearing float

小提琴不显示的问题，虽然正确，所以网站是这一问题的更好的参考。我不知道为什么，当我使用的：

<div class="clear"></div>

清除以前的彩车，列表下的照片感动了所有到右侧。

2011-08-24 MLS1984

他们是在左侧，我，你有什么浏览器在这个问题？ –

应该在名单下流动，而不是全部流向左边。我正在使用firefox – MLS1984

他们正是根据你的代码他们应该在哪里。列表向右移动的唯一原因是您的菜单位于左侧。一旦清除了列表后，没有什么能够阻止图像现在一直转移到左侧。 –

回答

尝试扩展您的左侧菜单中一路下跌的页面。或者在图像的左侧放一个边距。看到我的评论上面的解释。

2011-08-24 17:11:05

尝试使用：伪类后清除浮动，很容易

.myDiv:after { content:''; display:block; clear:both; }

2011-08-24 17:07:24 Simone

我建议你使用clearfix技巧。

不使用clear：both | left | right会强制容器清除它的子元素，这使得它适用于可能存在右和左浮动内容以及具有浮动元素的中间容器的情况。 ..

这比使用额外的标签来清除容器/浮动元素，如果你只是想遏制他们在父页面好多了....

2011-08-24 17:35:08 sg3s