(1)正常流：是指西方语言文本从左向右，从上向下显示。如果要让一个元素不在正常流中国，唯一的办法
就是使之成为浮动或定位元素。
(2)非替换元素：如果元素的内容包含在文档中，则称之为非替换元素。
(3)替换元素：指用作为其他内容占位符的一个元素。例子：img中的图像
(4)块级元素：在正常流中，会在其框之前和之后生成“换行”
所以出于正常流中的块级元素会垂直摆放。
(5)行内元素：不会再之前或之后生成行分隔符，它们是块级元素的后台。
(6)根元素：位于文档树顶端的元素。在HTML中，就是元素HTML。
2.水平格式化
通常我们指的元素的宽度，指的是其内容的宽度，不包括内补，外补，边。
传送门：JavaScript权威设计--CSS(简要学习笔记十六)
水平格式化的七大属性 ：margin-left,border-left,padding-left,width,padding-right,border-right,margin-left这七个水平属性的总和要等于父元素的width。
这里面只有width,margin-left,margin-left这三个可以设置为：auto
其他都必须设为特定的值或者默认宽度为0.
下面就以这三个auto的组合来展现问题：auto会自动补齐宽度（屏幕总宽度1366）
设置margin-left为auto:
水平格式化
设置margin-right为auto:
水平格式化
设置width为auto:
水平格式化
设置margin-left和margin-right为auto:
水平格式化
设置margin-left和margin-right和width都为auto:
水平格式化
设置margin-left和margin-right和width都不为auto:
水平格式化
下面会遇到一种复杂特殊奇怪的现象：那就是外边距可以是负值
zqzqzq
查看更多关于css权威指南-基本视觉格式化（水平与垂直）_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did110230