可伸展的DIV问题

Question

我正在处理这个page但是包含在给定页面上看到的溢出文本的DIV不会拉伸以包含文本，除非高度从“auto”更改为固定“ height“CSS如下所示：

.single #intro {
    width: 100%;
    height: auto;
    position:relative;
    float: left;
}

Answer 1

如果你想让它拉伸，那么你有多个高度：需要简单地删除。

那是......

这里:(第349行）

#rack #main #intro #content-area {
    float: left;
    height: 370px;
    width: 750px;
    padding: 20px 30px 10px 30px;
}

在这里:(第117行）

#rack #main #intro {
    width: 100%;
    height: 400px;
}

Answer 2

您可以使用overflow属性显示滚动条，如下所示：

#rack #main #intro {
    width: 100%;
    height: 400px;
    overflow: auto;
}

这样你可以保持高度，但仍然显示所有内容。

Answer 3

你的问题在于页脚div 一旦你使用了float属性，下一个元素就会认为它应该在导航栏之后定位它 只需使用

<div style="clear:both"></div>

或将clear：both属性设置为内容区div的末尾或footer div的开头

[您可能需要浮动：右侧内容区域才能正常工作]