网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的
标准流(文档流/拓扑流)排版方式
1.标准流其实就是浏览器默认的排版方式
2.在css中将元素分为3类,分别是块级元素/行内元素/行内块级元素
3.标准流排版方式有两种,一种是垂直排版(元素是块级元素),一种是水平排版(元素是行内
元素/行内块级元素)
浮动流排版方式
1.浮动流是一种“半脱离标准流”的排版方式
2.浮动流只有一种排版方式,就是水平排版
他只能设置某个元素左对齐或者右对齐
注意点:浮动流没有居中对齐,没有center取值,在浮动流中不可以使用margin:0 auto;
特点:在浮动流中不区分块级元素/行内元素/行内块级元素的无论是块级元素/行内元素还是行内
块级元素都可以水平排版,都可以设置宽高
定位流排版方式
相对定位,根据当前在标准流中的位置进行定位.position:relative;
绝对定位,向上寻找父级有没有定位,若有,则按照父级进行定位,没有就继续向上寻找,一直到body。
position:absolute;