随笔分类 -  CSS

摘要：flex就是弹性布局的意思 .box{ display:flex; } 行内元素也可以使用Flex布局。 .box{ display:inline-flex; } flex有两条轴分别是主轴和侧轴： flex-direction属性决定主轴的方向（即项目的排列方向）。 row（默认值）：主轴为水平方 阅读全文

摘要：BFC的特性与作用 1、可以避免外边距重叠：用新的盒子包裹外边距重合的盒子，给新的盒子加上overflow:hidden开启BFC模式解决外边距塌陷 2、清除浮动：如果父盒子没有设置宽高，在子盒子设置浮动的情况下会失去宽高，给父盒子加上overflow:hidden开启BFC模式可以清楚子盒子浮动 阅读全文