Question

如何保持div固定，其他div在下一行＆＃34;＆＃34;页面首次加载时不在其下。 http://codepen.io/alexdj1983/pen/raQrEK

<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title></title>
    </head>
    <body>
    <div id="header"><h1></h1></div>
    <div class="left"></div>
    <div class="right"></div>
    <div id="footer"></div>
    </body>
</html>

Answer 1

您需要移动标题下方元素的顶部，在代码笔中可以通过添加以下内容来执行此操作：

top: 150px;
position: relative;

到其他元素的风格。我个人更喜欢将另外两个div中的两个浮动div作为一个容器包装起来并设置为顶部，但这并不是必需的。

见这里： http://codepen.io/anon/pen/dPQqGb

固定div隐藏其下的其他div

1 个答案: