div定位在网站上,如何定位div而不使用“top”

时间:2013-05-15 21:39:59

标签: css html positioning block

我在我的页面上定位div有问题,我不想使用top:50px;因为我想在那里有评论所以这里有我的问题是有没有其他方法来将div与“顶部”区分开来,例如display:block in list styles? 非常感谢你的帮助!

1 个答案:

答案 0 :(得分:1)

Divs将自然地出现在DOM流程中。默认情况下,它们将占用其父容器宽度的100%,并将基于其中未浮动的内容的高度。使用margin s相应地将它们分开。默认情况下,他们有position:static。如果您需要列表样式,请使用<li>而不是display:list-item的{​​{1}}。

示例:

<强> HTML

display:block

<强> CSS

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