CSS Clearing浮动

时间:2011-08-24 16:52:51

标签: css css-float

我正在使用两层花车,尝试清除它们似乎不能正常工作。

以下是页面:http://cloud-catering.com/new/about.php

小提琴:http://jsfiddle.net/MLS1984/twrXh/

尽管如此,小提琴并未正确显示问题,因此该网站是该问题的更好参考。当我使用:

时,我不确定为什么
<div class="clear"></div>

要清除之前的花车,列表下的照片会一直向右移动。

3 个答案:

答案 0 :(得分:2)

尝试将左手菜单一直向下扩展到页面。或者在图像左侧放置一个边距。请参阅上面的评论以获得解释。

答案 1 :(得分:0)

尝试使用:在伪类之后清除浮动,它更容易

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

答案 2 :(得分:0)

我建议你使用clearfix技巧。

不使用clear:both | left | right将强制容器清除它的子元素,使其成为可能存在右侧和左侧浮动内容以及具有浮动元素的中间容器的情况下的理想选择...... 。

http://nicolasgallagher.com/micro-clearfix-hack/

如果你只是想在父页面中包含它们,那么使用额外的标签来清除容器/浮动元素要好得多....