布局方式

1.标准流排版方式

    标准流也称普通流、文档流,该方式时默认排版方式,块级元素垂直排版,行内元素是行内或者行内块级则水平排版

    标准流中,内容的高度可以撑起元素的高度

2.浮动流排版方式

    *一种脱离半标准流的的排版方式

    *只有水平排版方式,元素的左对齐或者右对齐

    *浮动流没有居中对齐,也就是没有center取值

    *float是不能使用margin:0 auto来让元素居中的

   * 浮动流中,浮动元素的高度不能撑起父元素的高度

垂直方向可以用标准流,水平方向可以利用浮动排版,从而完成网页的排版,这是比较古老的一种排版方式

3.定位流排版方式

4.flex排版

你可能感兴趣的:(布局方式)