css - 可拉伸的 DIV 问题

Question

我目前正在处理此页面，但包含在给定页面上看到的溢出文本的 DIV 不会拉伸以包含文本，除非高度从“自动”更改为固定的“高度”CSS如图所示以下：

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

score 1 · Accepted Answer

如果你想让它伸展，那么你有多个位置 height: 需要简单地删除。

那是...

这里：（第 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;
}

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

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

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

或将 clear:both 属性放在内容区域 div 的末尾或页脚 div 的开头

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

3 回答 3