前端笔记——三栏式布局

学习了html5结构元素、网页元素、全局属性；动手练习三栏式布局小案例（利用现html5结构）

【知识点记录】

• 绝对定位法——左右两栏采用定位，margin值撑开
• Margin负值法——中间栏被宽度为100%的浮动元素包起来，左右采用左浮动，再采用负的margin值
• 自身浮动法——左栏左浮动，右栏右浮动，中间栏放在最后。

【纠错笔记】

Margin负值法练中注意以下两点

1. 结构布局——中间部分写在前面，左右写在后面
2. 样式——左中右都采用左浮动，中间的宽度是100%，中间宽度为100%，无具体值，贴近左边采用的是-100%即可贴合左边；因为中间margin左右缩进100px，所以右边采用向左-100px，即可贴合。

自身浮动法

1. 结构上先写左、右，中间放在最后。

<