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 回答