定位div彼此相邻

Question

在定位div时我总是有点挣扎。这就是我想要的，适合整个页面，没有任何边距或填充：

 ____  __  __
|    ||__||__|
|____||__||__|
 ____________
|____________|

考虑到上面的图，我想要完成的是：http://i.stack.imgur.com/VE9Ad.jpg

Answer 1

看起来你想要这样的东西：

<div class="horizontal_container">
   <div></div>
   <div></div>
   <div></div>
</div>
<div></div>

与相关的风格：

div.horizontal_container div {
    display: inline-block;
}

默认情况下，div是块级元素，但inline-block显示样式将允许三个内部div显示在彼此旁边。