网页布局三种方式
普通流布局(标准流)
标签按照默认方式排列。
块级元素独占一行,从上到下顺序排列。如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
布局要点
多个块级元素上下纵向排列使用标准流,多个块级元素横向排列使用浮动。
通常布局首先使用标准流的布局父元素排列上下位置,然后在父元素内部采用浮动来布局子元素。
如果需要使用元素在某个盒子内自由移动,则使用定位布局,并能够使多个盒子前后叠压显示。