0

在以下页面上：http ://www.mkleinwebdesign.com/optimarestore/faq/

当多个问题被切换打开/展开时，它会将页脚向下推。有没有办法修复它，使白色内容部分在顶部展开并且不会将页脚内容向下推？

HTML

div class="content left" style-"margin-right: 30px; min-height: 500px">

CSS

 .content {
    background: white;
    padding: 35px;
    margin-top: 30px;
    color: #767676;
    line-height: 22px;
    }

.left {
    float: left;
    width: 57%;
}

先感谢您！！

4

1 回答 1

0

确保正确清除浮动以防止内容从容器中逸出。具有类内容和左侧的 div 向左浮动，但在页脚之前不清除浮动。这允许“转义”容器 div 的内容将页脚内容向下推。

问题，直观地解释：http ://css-tricks.com/the-how-and-why-of-clearing-floats/

我注意到您已经有了 CSS，可以使用带有类clearfix的 div 来清除浮动。

<div class="clearfix"></div>

只需在页脚 div 之前添加它，它就会解决这个问题。

还有其他清除浮点数的方法——有些甚至可以让您避免添加诸如空 div 之类的非语义 HTML 标记，但看起来这就是本网站已经在使用的方法，所以我建议坚持使用已经到位。

于 2013-02-18T00:35:24.730 回答