3

当页面首次加载时，如何将 div 和其他 div 保持在下一个“行”但不在其下方。 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>
4

1 回答 1

1

您需要移动标题下方元素的顶部，在您的代码笔中，您可以通过添加：

top: 150px;
position: relative;

到其他元素的样式。我个人更喜欢将两个浮动 div 作为容器包装在另一个 div 中并设置在上面，但这并不是必需的。

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

于 2015-03-17T17:58:49.593 回答