关于CSS中的几种简单布局

浮动布局

设置float属性，能够使某个<div>从文本流中消失，从而使其他的块元素感觉不到它的存在，而其他的内联元素包括其他块元素中的内联元素却能够感觉到该<div>的存在，这样能够达到让文本围绕这个<div>的效果。
一个缺点是，在html中需要对各模块的布局顺序进行调整，这种调整会导致无法很好地反映出页面中内容的相对重要性，简单地说，就是只看文本，不加样式，内容的逻辑会显得混乱。还有一个缺点是，随着浏览器窗口大小的调整，非float模块有可能会为了适应float模块而与其他模块进行重叠。

凝胶布局

这是一种冻结布局，由一个固定大小的<div>保卫页面中的所有内容，然后利用auto属性值允许外边距拓展，这样可以得到一个较为漂亮的布局。
唯一的不足是内容不会拓展来填满整个浏览器，也可能不算是不足之处，具体看用途。

####绝对布局 这使<div>精确地固定在页面上的某个位置。
####表格显示布局 为页面增加表格结构，布局会很整齐，但是会增加太多<div>，我们应该尽量避免滥用<div>。