css - 网站上的div定位，如何在不使用“top”的情况下定位div

Question

我在页面上定位 div 时遇到问题，我不想使用 top:50px；因为我也想在那里发表评论所以我的问题是除了“顶部”之外还有其他方法可以定位 div，例如 display:block 在列表样式中？非常感谢您的帮助！

Answer 1

div 会自然地出现在 DOM 流中。默认情况下，它们将占据其父容器宽度的 100%，并且它们的高度基于其中的非浮动内容。使用margins 将它们相应地隔开。默认情况下，它们具有position:static. 如果您想要列表样式，请使用<li>which aredisplay:list-item和 not display:block。

例子：

HTML：

<div class="comments"> Some really long comments </div>
<div class="foo"> Something that should appear below the comments </div>

CSS：

.foo {
    margin-top : 50px;
}