首页前端开发CSScss布局的三种机制?(css布局的三种机制)

css布局的三种机制?(css布局的三种机制)

时间2023-04-27 19:42:01发布访客分类CSS浏览983
导读:CSS布局的3种机制分别是普通流(标准流)、浮动和定位。①普通流(标准流)(1)块级元素会独占一行,从上向下顺序排列;常用元素:div、hr、p、h3~h6、ul、ol、dl、form、table(2)行内元素会按照顺序,从左到右顺序排列,...

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

①普通流(标准流)

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

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

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

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

②浮动

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

③定位

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: css布局的三种机制?(css布局的三种机制)
本文地址: https://pptw.com/jishu/10476.html
jquery如何实现网页打印功能? jquery清空div(实现div内容清空的方法)

游客 回复需填写必要信息