摘要: 浮动要封闭到一个盒子当中,否则就会对页面后续的元素产生影响 清除浮动 一、overflow: hidden 不加overflow: hidden前 给父元素添加overflow: hidden后 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta 阅读全文
posted @ 2022-10-03 18:42 L-L 阅读(16) 评论(0) 推荐(0) 编辑
摘要: BFC规范 BFC (Box Formatting Context ,块级格式上下文)是页面上的一个隔离的独立容器 一个盒子如果不设置高度,当子元素浮动时,无法撑起自身,就会造成父元素高度塌陷,原因是这个盒子没有形成 BFC 创建BFC 1.float 的值不是 none 该方法可以实现效果,但没有 阅读全文
posted @ 2022-10-03 17:31 L-L 阅读(17) 评论(0) 推荐(0) 编辑
摘要: 一、理解 当元素添加了浮动后,元素就会脱离文档流,按照指定方向发生移动,遇到父级边界或者相邻的浮动元素就会停下来,同时会影响后面的元素的排版 脱离文档流: 元素相当于漂浮起来,不会占据页面中的空间 文档流:文档中可显示对象在排列时所占用的空间 二、如何浮动 给需要浮动的元素添加 float 属性 | 阅读全文
posted @ 2022-10-03 16:47 L-L 阅读(48) 评论(0) 推荐(0) 编辑