网页的布局方式

标准流(文档流/普通流)排版方式

1.1浏览器默认的排版方式就是标准流的排版方式

1.2在css中将元素分为三类，分别是块级元素/行内元素/行内块级元素

1.3在标准流中有两种排版方式，一种是垂直排版，一种是水平排版

垂直排版，如果元素是块级元素，那么就会垂直排版

水平排版，如果元素是行内元素/行内块级元素，那么就会水平排版

使得div水平布局的方式是设置display:inline

浮动流排版方式

2.1浮动流是一种“半脱离标准流”的排版方式

2.2浮动流只有一种排版方式，就是水平排版

她只能设置某个左对齐或者右对齐

注意点

1浮动流中没有居中对齐，也就是没有center这个取值

2在浮动流中时不可以使用，margin：0 auto;

特点

在浮动流中时不区分块级和行内块级等

浮动元素排序规则

1相同方向上的浮动元素，先浮动的元素会显示在前面，后浮动的元素会显示在外面

2不同方向上的浮动元素，左浮动会找左浮动，右浮动会找右浮动

3浮动元素浮动之后的位置，由浮动元素浮动之前在标准流中的位置来确定