有三种布局模型
流动
浮动
层模型
流动模型:
块状元素在所处的自上而下按顺序垂直延伸分布,默认设置下,块状元素的宽度都为100%;
块状元素以行的形式占据位置。
div p h1宽度都为100%;
内联元素在所处的包含元素内从左到右水平分布显示;
a span em strong是内联元素;
浮动模型:
float
层模型:
绝对定位
相对定位
固定定位
块状元素的特点:不设置宽度的情况下,显示为父容器的100%;
padding 内边距
margin 外边距