html - 如何为 2 div 设置 100% 宽度

Question

我在页面上有 2 个 div

<div id="main"></div>
<div id="panel"></div>

并使用 float 使 main 位于左侧，panel 位于右侧

#photos-main {
float: left;
width: 800px;
position: relative;
}

#panel {
float: left;
margin-left: 830px;
position: absolute;
}

我想让面板填充左边的页面空间，我应该使用哪个css？

Answer 1

只是不要 float 它，让它相对定位。也取出 margin 。 float 的“main”意味着它将一直位于“panel”的左侧。如果您按照自己的意愿定义“main”，“panel”将自动占用剩余空间。

#photos-main {
float: left;
width: 800px;
position: relative;
}

#panel {
}