文档流排列方向

1. inline元素：从左到右，一行可以有多个元素。

2. block元素：一个block元素占据一行。

3. inline-block元素：从左到右，一行可以有多个元素，但一定成块。

文档流的宽度

1. inline元素：inline元素中所以inline元素的宽度之和。（不要在inline元素中写block元素）
2. block元素：auto（可自行设置为100%，但最好不要这样做）
3. inline-block元素：尽可能短，可自行设置width。

文档流高度

1. inline元素：可视高度，可用padding撑高；实际高度：line-height可调整，但会受字体影响。(空串有高度)
2. block元素：默认由文档流确定，也可以通过height撑高。
3. inline-block元素：默认由文档流确定，也可以通过height撑高。

文档流溢出解决办法

1. overflow：visible。默认，可视。

2. overflow：hidden。隐藏溢出。
3. overflow：scroll。可滚动查看。也可分别设置为overflow-x（-y）：
4. overflow：auto。自动选择。只显示必要滚动条。

脱离文档流

1. position:absoult;
2. position:fixed;
3. float:left;

© 饥人谷