请从以下页面上推下来的页脚

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将0123er转义为”的内容向下推送页脚内​​容。

的问题，在视觉上解释说：http://css-tricks.com/the-how-and-why-of-clearing-floats/

我注意到你已经有CSS的地方，使清除浮动可能与使用DIV的带班clearfix。

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

您的页脚股利前只需添加这一点，这’会解决这个问题。

还有用于清除浮动—一些甚至允许你避免添加这种非语义HTML标记为空的div等方法，但它看起来像’ S中的方法’ s已在使用这个网站，所以我建议坚持已有的东西。