CSS3布局相关

元素

常见块级元素

div p ul li dl dt

常见行级元素

span img input strong
块级元素和行级元素都是盒子模型

如果元素使用了float，那么margin:0 auto;就没有作用了
清楚浮动的两个方法

1. clear:both|left|right;
2. 设置宽度100%+overflow:hidden

当一个元素设置position:absolute而又没有指定宽度时，这个元素的宽度由内容决定。
关于absolute
如果设置了absolute，那么这个元素将完全脱离正常文档流，不会占据文档流空间。如果指定了偏移量。那么偏移的参照系分两种情况。

1. 如果祖先元素没有设置定位（绝对定位、相对定位、固定定位），那么参照系为整个html
2. 如果有，那么以最近的定位元素作为参照系。
   如果没有偏移量，那么这个元素将保持在原来的位置（不管有没有已经定位的祖先元素都是），但是会脱离正常文档流，而且元素的宽度将随着内容的变化而变化。

column布局

语法：columns：<column-width>, <column-count>
column-width单位用px。
也可以单独设置column-width和column-count。注意这时没有s。

column-width:auto|length//如果设置为auto，lenght由column-count决定

column-gap设置多列布局的列边距

column-gap:normal|length//normal为默认1em，也可自己设置，单位为px或者em

列边框样式column-rule

column-rule:<column-rule-width>|<column-rule-style>|<column-rule-color>

属性值	属性说明
column-rule-width	类似于border-width属性，主要用来定义列边框的宽度，其默认值为“medium”，column-rule-width属性接受任意浮点数，但不接收负值。但也像border-width属性一样，可以使用关键词：medium、thick和thin。
column-rule-style	类似于border-style属性，主要用来定义列边框样式，其默认值为“none”。column-rule-style属性值与border-style属值相同，包括none、hidden、dotted、dashed、solid、double、groove、ridge、inset、outset。
column-rule-color	类似于border-color属性，主要用来定义列边框颜色，其默认值为前景色color的值，使用时相当于border-color。column-rule-color接受所有的颜色。如果不希望显示颜色，也可以将其设置为transparent(透明色)

column-span跨列设置

即一个元素跨列多列。语法：

column-span:none|all//设置为all的时候跨列所有列

盒子模型，详情参考这篇博文CSS3盒模型