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

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. 顶部/底部或左/右应始终成对使用，而不是四个值。如果你使用顶部，不要使用底部;如果你使用左，请不要使用。
2. 如果你想要一个位置固定的元素伸展到整个页面，你应该给它width:100%

：）