修复了 div 隐藏其他 div 的问题

Question

如何保持 div 固定，而其他 div 在下一个 "line" 上，但在首次加载页面时不在其下方。 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

您需要将元素的顶部移动到 header 下方，您可以在代码笔中添加：

top: 150px;
position: relative;

其他元素的样式。我个人更喜欢将两个浮动的 div 包裹在另一个 div 中作为容器并放在上面，但这并不是真正必要的。

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

修复了 div 隐藏其他 div 的问题

Fixed div hides other divs under it

html

css

position

fixed