CSS网页布局的三种方式

网页布局三种方式

普通流布局（标准流）

标签按照默认方式排列。

块级元素独占一行，从上到下顺序排列。如div,hr,p,h1~h6,ul,ol,dl,form,table

行内元素按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。如span,a,i,em等。
浮动布局
https://blog.csdn.net/Arcofcosmos/article/details/122625520
定位布局
https://blog.csdn.net/Arcofcosmos/article/details/122718683

布局要点
多个块级元素上下纵向排列使用标准流，多个块级元素横向排列使用浮动。

通常布局首先使用标准流的布局父元素排列上下位置，然后在父元素内部采用浮动来布局子元素。

如果需要使用元素在某个盒子内自由移动，则使用定位布局，并能够使多个盒子前后叠压显示。