【Web 前端】布局模型

有三种布局模型

流动

浮动

层模型

流动模型：

块状元素在所处的自上而下按顺序垂直延伸分布，默认设置下，块状元素的宽度都为100%;

块状元素以行的形式占据位置。

div p h1宽度都为100%；

内联元素在所处的包含元素内从左到右水平分布显示；

a span  em strong是内联元素；

浮动模型：

float

层模型：

绝对定位

相对定位

固定定位

块状元素的特点：不设置宽度的情况下，显示为父容器的100%；

padding 内边距

margin 外边距