Question

我无法在页面的每个角落放置4个不同的div，我不知道你是否需要我的html / css代码，但是如果你只做评论我会把它放完。< / p>

如果你知道如何将它放在jsfiddle上，那就太棒了。

Answer 1

使用这样的标记：

<div class="box top left"></div>
<div class="box top right"></div>
<div class="box bottom left"></div>
<div class="box bottom right"></div>

您可以使用以下CSS：

.box {
    position: absolute;
    background-color: red;
    width: 100px;
    height: 100px;
}
.box.top { top: 0; }
.box.right { right: 0; }
.box.left: { left: 0; }
.box.bottom { bottom: 0 }

这里有效：http://jsfiddle.net/PvUNT/

Answer 2

你需要的不仅仅是这个：

<html>
<body>
<div style="position:absolute; bottom:20; right:20;">bottom right</div>
<div style="position:absolute; top:20; right:20;">top right</div>
<div style="position:absolute; bottom:20; left:20;">bottom left</div>
<div style="position:absolute; top:20; left:20;">top left</div>
</body></html>

把div放在页面的每个角落？

2 个答案: