Question

我的html页面中有两个div。如果我滚动页面，我希望保持原样。我做了 -

<html>
    <body>
        <div id="head" style="height:100%; width:100%; background:#ff0000; position:fixed; z-index:1">
            <p>
                Hi
            </p>
        </div>
        <div id="main" style="length:100%; width:100%;">
            <p>
                Hello
            </p>
            <p>
                Hello
            </p>
            <p>
                Hi
            </p>
            <p>
                Hi
            </p>
        </div>
    </body>
</html>

但问题是'主'div已经与'head'重叠了。它根本没有显示'你好'。

我应该做什么，以便在我们滚动之前最初没有人重叠。

提前致谢。

Answer 1

美好的一天。您可以在#main中添加一些padding-top。例如：

<div id="main" style="length: 100%; width: 100%; padding-top: 40px;">

根据您的#head的高度，您可能需要超过40px的填充顶部。

演示：http://jsfiddle.net/thisizmonster/19um6tak/

修复html元素的位置

1 个答案: