Question

我有3个div。

<div class="main"></div>
<div id="fixedbox"></div>
<div id="fixedBar"></div>

CSS：

.main {

width: 850px;
padding:25px 5px;
border-left:1px solid #999;
border-right:1px solid #999;
text-align:left;
overflow:hidden;
 }

body {
    height: 100%;
    margin: 0;
    overflow-y: auto;
}
body #fixedbox {
    position:fixed !important;
    position: absolute;
    left: 865px;
    top: 0;
    width: 160px;
}
#fixedBar {
    display:block;
    position: absolute;
    width:100%;
    height:20px;
    position:fixed;
    bottom:0;
    left:0;
    background:#F00;
}
* html #fixedBar {
    position:absolute;
}

问题是这样的：当我在主div中添加一个带有“position:relative”的块时，该块将在滚动中移动，即。通过向body或main添加“position:relative”，还有其他问题。如何在“<div class="main"></div>”中使用没有问题的位置？

提前致谢

编辑：我已经通过更改doctype解决了问题。

Answer 1

我认为你正在添加位置：相对于身体来定位2个固定位置：绝对容器？如果没有，你需要。

我在设置位置方面遇到了一些问题：过去IE中的相对问题。尝试一些常见的黑客，如设置

height:1%;

或者

display:block;

到 .main

您可以在http://www.positioniseverything.net

上找到具体的解决方案

2固定div，在另一个div中定位的问题

1 个答案: