CSS 布局模型详细介绍

黄黄琦雲的博客 knightyun.github.io 2018/05/04

HTML中元素有三种布局模型：流动模型、浮动模型、层模型。 流动模型（flow） HTML网页默认布局就是流动模型，布局如下： 块级元素(block) 自上而下垂直分布，因为块级元素默认宽度为浏览器窗口的 100% ，或者理解为每个块级元素默认 占一行 。常见块级元素有 div , p , h 等； 内联元素(inline) 从左到右水平分布，即不像块级元素那样每个独占一行。常见内联元素有 a ,…