CSS 为定位和浮动提供了一些属性。
定位的基本思想，允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身。
CSS1 中首次提出了浮动。
div、h1 或 p 元素被称为块级元素。
span 和 strong 等元素称为“行内元素”，因为它们的内容显示在行中。
可以使用 display 属性改变生成的框的类型。
通过将 display 属性设置为 block，可以让行内元素（比如 <a> 元素）表现得像块级元素一样。
通过把 display 设置为 none，让生成的元素根本没有框，该框及其所有内容就不再显示，不占用文档中的空间。
无名块框
在一种情况下，即使没有进行显式定义，也会创建块级元素。
这种情况发生在把一些文本添加到一个块级元素（比如 div）的开头。
如下，即使没有把这些文本定义为段落，它也会被当作段落对待：
<div>
some text
<p>Some more text.</p>
</div>
CSS 有三种基本的定位机制：普通流、浮动和绝对定位。
除非专门指定，否则所有框都在普通流中定位。
两列布局是一侧固定，另一侧自适应。一般一个浮动，另一个设置margin，或者一个绝对定位，另一个设置margin。
三列布局特点是其中两列宽度固定，剩下一个自适应，方法是两个浮动自适应那个设置margin，比如左右固定，中间自适应可以左右分别设置float为left，right，然后中间那个设置margin left right分别为左右两栏宽度。
圣杯布局
特点是有个头部底部，中间是主要内容区，主要内容区又分成左中右三块，其中中间是最主要内容区，思路是朝一个方向浮动，再用负margin把挤下去的两侧给拉上来再设置相对定位，为了避免中间里面内容被拉上来的挡住再对中间内容设置padding。
左列定宽，右列自适应
该布局方式非常常见，适用于定宽的一侧常为导航，自适应的一侧为内容的布局