如何在高度不是主体不使用表格的 100% 的容器中为 <aside> 设置高度值 100%
我有以下 HTML：
<body>
<div class="container">
<div class="aside">
Lorem
</div>
<div class="content">
Ipsum <br/> dolor <br/> sit <br/> amet <br/>
</div>
</div>
</body>
以及以下 CSS：
body {
padding-top:50px;
}
.aside {
width: 300px;
float:left;
}
.content {
width: 670px
float: left;
}
如果.aside高度是内容的 100%，我如何设置高度是内容的 100% 。谢谢。.container.container.content
你应该把你的一边放在绝对位置并将高度设置为 100% 并将容器设置为相对位置，例如：
.container {
position: relative;
height: 100%;
background-color: black;
}
.aside {
width: 300px;
position: absolute;
background-color: red;
height: 100%;
}
.content {
width: 670px;
background-color: green;
margin-left: 300px;
}<div class="container">
<div class="aside">
Lorem
</div>
<div class="content">
Ipsum <br/> dolor <br/> sit <br/> amet <br/>
</div>
</div>