html - 将 div 放在页面的每个 Angular 落？

Question

我在页面的每个 Angular 落放置 4 个不同的 div 时遇到问题，我不知道您是否需要我的 html/css 代码，但如果您只需要评论，我会把它放上去。

如果您知道如何将它放在 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/