CSS中用浮动布局页面

content宽度和高度
使用宽度属性和高度属性可以对盒子的大小进行控制（可以用百分比/通常用像素）
1.宽高属性仅适用于块级元素，对行内元素无效（img和input除外）
2.计算盒子模型的总高度时还要考虑上下两个盒子垂直外边距合并的情况
3.如果一个盒子没有指定宽高和继承父级的宽高，则padding不会影响本盒子大小

盒模型布局的稳定性
建议优先使用宽度其次用内边距再次用外边距（width > padding > margin）
盒子阴影：box-shadow：水平阴影 垂直影音 影子大小 影子颜色 内外阴影
1.前两个必须写，后面可以不写 2.外阴影不能写 默认 内阴影（inset）

CSS的定位有3种：普通流 浮动 定位
浮动（float）
浮动的主要目的就是为了让多个块元素在一行内显示
浮：加了浮动的元素盒子时浮起来的，漂浮在其他的标准盒子上面
漏：加了浮动的盒子不占位置，它浮起来了，它原来的位置漏给了标准盒子
特：特别注意，这是特殊的使用，有很多不好的地方，使用要谨慎

版心和布局流程
版心：是指网页中主体内容所在的区域一般在浏览器窗口中水平居中显示，常见的宽度有960px/980px/1000px等

布局流程
1.确定页面的版心
2.分析页面中的行模块，以及每个行模块中的列模块
3.制作html结构
4.CSS初始化 然后开始运用盒子模型的原理 通过div+css布局来控制网页的各个模块