CSS“正确”属性在对象之间不一致

Question

因此，对于一个网站，我将网站分为 div 和 iframe：一个 iframe 用于侧边栏，一个 iframe 用于页脚，中间的一个大 div 用于正文内容。为了让所有东西都保持静态和合适，我在这里使用了代码：

.bodycontent{
position:fixed;
top:0px;
left:150px;
right:0px;
bottom:100px;
overflow:auto;
}

.footerframe {
position:fixed;
left:150px;
bottom:0px;
right:0px;
height:100px;
border-top: 2px solid #888;
border-right: 2px solid #888;
border-top-right-radius:4px;
}

这是为了让主 div 和页脚 iframe 都延伸到整个页面。它适用于主 div，但不适用于页脚。这种不一致是怎么回事？

Answer 1

你的代码有两个问题：

1. Top/Bottom 或 Left/Right 应始终成对使用，而不是四个值。如果您使用顶部，请不要使用底部；如果您使用左，请不要使用右。
2. 如果你想让一个位置固定的元素伸展到整个页面，你应该给它width:100%

:)