这是代码,你可以很容易地看出错误。
#wrap {
text-align: center;
height: auto;
margin: 0 auto;
width: 1024px;
background: #CCC;
}
#sidebar {
height: auto;
width: 300px;
padding: 20px;
margin-top: 60px;
padding-bottom: 100px;
border: outset;
float: right;
overflow: auto;
}
#content {
border: outset;
overflow: auto;
width: 500px;
height: auto;
padding: 20px;
margin-top: 60px;
padding-bottom: 100px;
clear: left;
}
<div id="wrap">
<div id="sidebar">Some text here</div>
<div id="content">Some text here</div>
</div>
我有一个偷偷摸摸的怀疑,它与浮动有关:对,但是如果没有它,我不能让侧边栏留在右侧。
我希望包裹扩展到其内部的任何高度,这就是为什么我设置高度:auto但它不起作用,请帮助。
将此css属性添加到此ID
#content{
float: left;
}