- 博客(2)
- 收藏
- 关注
原创 BFC(块级格式化上下文)
BFC(块级格式化上下文)文章目录BFC(块级格式化上下文)css的定位方式:什么是BFC?如何触发BFC?BFC的特性1.BFC会阻止外边距折叠2.BFC可以包含浮动元素3.BFC 可以阻止元素被浮动元素覆盖4.在多列布局中使用BFCcss的定位方式:普通流(Normal Flow)在普通流中,元素按照其在 HTML 中的先后位置至上而下布局,在这个过程中,行内元素水平排列,直到当行被占满然后换行,块级元素则会被渲染为完整的一个新行, 除非另外指定,否则所有元素默认都是普通流定位,也可以说,普
2020-12-23 22:47:56 96
原创 浮动产生的原因及如何消除浮动
浮动产生的原因及如何消除浮动浮动产生的原因当父容器没有设置高度,里面的盒子没有设置浮动的情况下会将父容器的高度撑开。一档父容器中的盒子设置浮动,脱离标准文档流,父容器没有高度,里面的盒子就会跑到浮动的盒子下面去。如何消除浮动.box{ overflow: hidden; //消除浮动的第一种}/* 消除浮动的第二种使用伪类,after或者before,context中添加内容时设置的三个属性可以自动清除内容 第三种可以在浮动下面加一个空盒子设置成display:block;clear:bot
2020-12-23 22:16:27 339
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人