对象之间的 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和footer iframe在页面上伸展。它适用于主div，但不适用于页脚。这种不一致是怎么回事?

Answer 1

你的代码有两个问题:

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

:)