css将空的div撑开，如何使⽤css将空的浮动div伸展到可⽤的全
⾼度？
我能想出是对.left-sidebar元素上使⽤position: absolute最好的：
.page {
position: relative; /* causes the left-sidebar to position relative to this element */
}
.left-sidebar {
position: absolute;
top: 0;
bottom: 0; /* this line, and the one above, confer full-height */
left: 0;
width: 30%;
background-color: #f90; /* adjust to taste, just to see where the element was rendered */
}
.right-content {
background-color: #f00; /* again, adjust to taste, was just to see where elements were rendered */
margin: 0 0 0 35%; /* stops the sidebar showing 'above' the content, and gives a 5% gutter between */
}
响应编辑以下评论：
有⼀个头部和浮动的div两侧的⼀些空间，所以我不知道实际的顶部/左/底部职位使⽤。另外，如果正确的内容框架伸展较长，则左侧边框框架不会随之伸展(将⾼度：500px添加到⼩提琴的右侧内容框架中)。
不幸的是，我可以看到的唯⼀选择就是到.right-content元素中的.left-sidebar元素移动，然后将下⾯的作品。不过，这可能不适⽤于您的使⽤案例。
.left-sidebar {
absolute relative
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 30%;
background-color: #f90;
}
.right-content {
position: relative;
background-color: #f00;
margin: 0;
padding: 0 0 0 35%; }

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。