我有以下 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;
}
如果 .container 高度是 .content 的 100%，我如何设置 内容。谢谢。.aside 高度是 .container 的 100%
最佳答案
你应该把你的一边放在绝对位置，将高度设置为 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>关于html - 如何在高度不是 100% 的容器中为 <aside> 设置高度值 100% 不使用表格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29920774/