Css 根据内容扩展Div高度

Css 根据内容扩展Div高度,css,wordpress,Css,Wordpress,我在这个网站上工作: 我的问题是,当我缩小移动站点的屏幕时,页脚后面的灰色框不会延伸到页脚框的底部。以下是屏幕截图: HTML: 任何想法都将不胜感激。谢谢大家! 您的div需要将放在底部(但在其内部)。你有一个在它外面,但如果你把一个放在里面,它应该解决你的问题 需要清除div的原因是div中的项目都是浮动的 我确实想说,我不支持浮动元素,因为正确的方法是将它们设置为内联块,但情况不同。问题在于这一行: .footer-content { width:100%; max-width:1280

我在这个网站上工作:

我的问题是,当我缩小移动站点的屏幕时,页脚后面的灰色框不会延伸到页脚框的底部。以下是屏幕截图:

HTML:

任何想法都将不胜感激。谢谢大家!

您的div
需要将
放在底部(但在其内部)。你有一个在它外面,但如果你把一个放在里面,它应该解决你的问题

需要清除div的原因是div
中的项目都是浮动的



我确实想说,我不支持浮动元素,因为正确的方法是将它们设置为内联块,但情况不同。

问题在于这一行:

.footer-content { width:100%; max-width:1280px; margin:0 auto; padding:5px 0px 151px; }

你有151px的底部填充。把它拿出来,我觉得很好。

这个问题与你的另一个问题()有什么不同?因为另一个问题只涉及购物车页面上的身体背景。这是处理每页页脚的响应性。从答案中可以明显看出,这是一个不同的问题。甚至屏幕截图都是不同区域的,这很有效。我还删除了每个MacInnes的填充,但它没有完全解决问题。谢谢你的帮助!
#secondary {
    background: none repeat scroll 0 0 rgba(47, 47, 47, 0.85) !important;
    /*height: 100%; - I added this but it pushes the box way too far down. Also tried 'auto'*/
    margin: 0 auto;
    max-width: 1250px;
    min-height: 161px;
    padding: 15px;
    width: 100%;
}
.footer-content { width:100%; max-width:1280px; margin:0 auto; padding:5px 0px 151px; }