CSS布局模型——流动/浮动/层模型 在网页中,元素有三种布局模型:流动模型,浮动模型和层模型; 1. 流动模型 default,默认文档流,就是块级元素都从左往右,自上而下的分布。 流动模型有两个特征: * 块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,其默认宽度是100% * 内联元素都会在所处的包含元素内从左到右水平分布显示 2. 浮动模型 可实现两个块状元素在同一行显示,任何元素在默认情况下是不能浮动的,但可以用 CSS 定义为浮动,如 div、p、table、img 等元素都可以被定义为浮动。 3. 层模型 层模型有三种形式: * 1、绝对 Continue reading