Question

我有一个包含侧边栏的div。我希望侧边栏的高度为100％（父div）。目前它的内容很高。

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

Answer 1

有很多可能实现这一点。

最简单的方法是将<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 */
}

DEMO

修改

overflow:auto修复了高度内容问题：

<强> DEMO

Answer 2

抱歉100％仅适用于宽度不适用于高度你可以试试jquery方法

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

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

Answer 3

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

怎么能让div的高度达到100％

3 个答案: