0

我正在尝试对网站进行一些维护,但我注意到一个页面有点不正常。它们是左侧列的容器 div,右侧是内容的容器 div,以及整个页面内容的另一个容器。在页面底部,但在页脚之前,连续三列,它们落入主容器中,都在单独的div中(相同的div类),都向左浮动。

这在每个页面上都可以正常工作,除了一个。右边的内容不足以将三列向下推到左边大列的下方。所以你得到的是一行中的两列浮动在左边的大列上,而不是靠在容器上,第三列浮动在第二列下方。

三个较小列的 CSS 是:

.FBG .blok {
    width:270px;
    float:left;
    padding:5px 20px;
    margin:0;
}

每个页面上的代码都是一样的,但就像我说的,这个页面的不同之处在于右 div 中没有足够的内容来下推列。

有没有办法围绕这个问题进行合理的编码?或者我需要在这个页面中添加另一个嵌套的 div 吗?感谢您的任何回复!

4

1 回答 1

2

我刚刚想通了!我所要做的就是创建一个清除浮动的 div 类。这是我在课堂上写的:

.clr {
    clear:both;
    padding:0;
    margin:0;
}

我把它放在容器类中,但就在单个列 div 之前。像魅力一样工作!

于 2013-04-10T01:26:35.603 回答