0

我有一个包含侧边栏的 div。我希望侧边栏的高度为 100%（父 div 的）。现在它只是它所拥有的内容。

#parent {
    height: 100%;
}    
#sidebar {
    height: 100%;
}
4

3 回答 3

0

实现这一点有很多可能性。

<html>最简单的方法是将和的高度设置<body>为100%。

HTML

<div id=parent>
    <div id=sidebar></div>
</div>​

CSS

html,body{height:100%}
#parent {
    height: 100%;
    background: #222 /* not needed */
}    
#sidebar {
    width: 200px; /* not needed */
    height: 100%;
    background: #444 /* not needed */
}​

演示

编辑

overflow:auto修复问题太高内容：

演示

于 2012-08-18T22:12:24.207 回答
0

抱歉 100% 仅适用于宽度不适用于高度您可以尝试使用 jquery 方法

html_height = $("#parent").height();
$('#sidebar').height(html_height);

除非您在侧栏上有填充/边距，否则高度应该没问题

于 2012-08-18T22:17:32.800 回答
0

当您将高度设置为 100% 时，它是什么的 100%？父级可能设置为 100%，但数量是多少？虽然 html 设置为视口的高度，但您的父 div 必须设置为具有实数设置高度的东西，或者从其父级继承它。

于 2012-08-18T22:55:26.847 回答