css布局的三种机制(css三大布局的具体实现方法)

css布局的三种机制(css三大布局的具体实现方法)

首页维修大全综合更新时间:2023-12-24 12:04:05

css布局的三种机制

CSS 布局的 3 种机制分别是普通流(标准流)、浮动和定位。

①普通流(标准流)

(1) 块级元素会独占一行,从上向下顺序排列;

常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table

(2) 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行;

常用元素:span、a、i、em等

②浮动

让盒子从普通流中浮起来,主要作用让多个块级盒子一行显示。

③定位

将盒子定在浏览器的某一个位置——CSS 离不开定位,特别是后面的 js 特效。

大家还看了
也许喜欢
更多栏目

© 2021 3dmxku.com,All Rights Reserved.