Question

我正在尝试制作一个包含两个＆＃34;固定＆＃34;侧边栏图像，以及＆＃34;固定＆＃34;标题图片。由于标题是固定的（从顶部0到10％）。我不希望标题图像与页面上的任何文本重叠。我尝试将段落标记定位为＆＃34; relative＆＃34;，并将其从顶部设置为10％，但图像仍然与文本重叠。我该如何解决这个问题？

这就是我的意思：http://jsfiddle.net/KSz59/

.header {
    width: 70%;
    height: 10%;
    position: fixed;
    top: 0px;
    left: 15%;
    z-index: -1;
}

p {
    position: relative;
    top: 10%;
    margin-left: 20%;
    margin-right: 20%;
}

Answer 1

使用当前设置，您必须绝对定位p

http://jsfiddle.net/KSz59/2/

p {
    margin-left: 20%;
    margin-right: 20%;
    top: 10%;
    position: absolute;
}

如果你有更多内容，那么最好用内容div替换p并将所有内容放入div中

固定/相对定位：

1 个答案: