笔记
文章平均质量分 80
feelin dejavu
这个作者很懒,什么都没留下…
展开
-
布局
本文总结自://www.html.cn/archives/7212 https://www.html.cn/archives/7236 Flex布局 Flex 是 Flexible Box 的缩写,意为"弹性布局",具有灵活性 1、给容器添加display:flex属性 给父元素添加disply:flex属性,默认情况下,flex item(flex项)沿着主轴从左到右排列。这就是为什么 flex 容器应用了 display: flex 属性后,你的矩形子元素(flex项)就会默认排列在一条水平线上的原.原创 2021-02-07 23:42:33 · 226 阅读 · 0 评论 -
BFC与清除浮动
一,BFC 1,问题 经常遇到元素浮动后,父元素高度没有了,两栏布局时右侧没有自适应,垂直方向上上下两个元素外边距不太对等问题。 如何让盒子外父元素不受到盒子内子元素影响?方法就是触发BFC。 2,BFC的概念 BFC = Block Formatting context 意思是“块级格式化上下文”。官方解释:它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用,当涉及到可视化布局的时候,BFC提供了一个环境,HTML元素在这个环境中按照一定规则进行布局。 3,使用方法 通过CSS给元素设置属性原创 2021-01-24 15:42:23 · 281 阅读 · 0 评论