摘要: 清除浮动 浮动副作用 当元素设置float浮动后,该元素就会脱离文档流并向左/向右浮动. 浮动元素会造成父元素高度塌陷 后续元素会受到影响 <div class="container"> <div class="box"></div> <div class="box"></div> <div cla 阅读全文
posted @ 2023-03-23 21:51 土著古 阅读(9) 评论(0) 推荐(0) 编辑
摘要: 浮动 浮动的定义 float属性定义元素在哪个方向浮动,任何元素都可以浮动. | 值 | 描述 | | | | | left | 元素向左浮动 | | right | 元素向右浮动 | 浮动的原理 浮动以后使元素脱离了文档流 浮动只有左右浮动,没有上线浮动 元素向左浮动 脱离文档流之后,元素相当于页 阅读全文
posted @ 2023-03-23 20:56 土著古 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 文档流 文档流是文档中可显示对象在排列时所占用的位置/空间 例如:块元素自上而下摆放,内联元素,从左到右摆放标准流里面的限制非常多,导致很多页面效果无法实现 高矮不齐,底边对齐 空白折叠现象 无论多少个空格,换行,tab,都会折叠为一个空格 如果我们想让img标签之间没有空隙,必须紧密连接 文档流产 阅读全文
posted @ 2023-03-23 20:26 土著古 阅读(14) 评论(0) 推荐(0) 编辑