菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-张悕可-20230418 [打印本页]

作者: 小胖 时间: 2023-4-19 08:37
标题: 前端-张悕可-20230418
浮动：
传统网页的布局方式：标准流，浮动，定位
标准流：所以的标准流就是标签按照规定好默认方式进行排列块元素单独占一行，行内元素和行内块元素可以一行显示多个。
有很多布局方式使用标准流无法完成，但是浮动可以解决，浮动可以改变元素默认的排列方式。
网页布局准则：多个块元素纵向排列找标准流，多个元素要横向排列找浮动。
浮动：float 属性值 right left none
浮动的特性：
1.浮动的盒子具有行内块元素的特点（一行可以显示多个，可以设置宽高）
2.浮动的元素会脱离标准流（脱标）
3.浮动的盒子无法压住图片和文字
清除浮动：
1、额外标签法
2、给父级添加overflow:hidden;
3、给父级添加单伪元素
4、给父级添加双伪元素

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)