Question

位于以下页面：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%;
}

提前谢谢!!

Answer 1

请务必正确清除浮子，以防止内容物逃离容器。类内容和左的div向左浮动，但浮动在页脚之前不会被清除。这允许“逃离”容器div的内容将页脚内容推下来。

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

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

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

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

还有其他清除浮点数的方法 - 有些甚至允许你避免将这种非语义HTML标记添加为空div，但看起来这就是已经在这个网站上使用的方法，所以我建议坚持已经存在的东西。

继续扩展推送页脚的内容

1 个答案: