html - 将 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;
}

默认情况下，divs 是块级元素，但inline-block显示样式将允许三个内部 div 彼此相邻出现。