内容的高度div不随div内的内容增加

时间:2014-11-12 06:53:59

标签: html css responsive-design zurb-foundation

我有一个简单的HTML结构,基于Foundation 5,With Header,Content&页脚部分。

“内容”区域中的一个部分将在每行中显示四个Div's,并且我可以有多行,每行最多4个div显示图像&一些文字等。

这些div将根据屏幕尺寸进行调整,如小提琴示例所示。

我现在的问题是Content div没有随着“content”div的大小而增加div和footer部分也显示在隐藏内容部分的标题部分之后

http://jsfiddle.net/UHqWF/11/

1 个答案:

答案 0 :(得分:1)

overflow: hidden添加到内容类:

http://jsfiddle.net/UHqWF/12/

.content {
    width: 100%;
    background-color:yellow;
    padding:15px;
    height:auto;
    position:relative;
    overflow: hidden;
}