css
前端一袋盐
快乐
展开
-
CSS中关于float和display: inline-block布局的区别详解
当我们想设置几个盒子水平排列时,一般都会想到使用float或者使用display: inline-block。下面就来说一下两者的区别和,各自的优缺点。inline-block和float的区别文档流:浮动元素会脱离文档流,并使得周围文本元素环绕这个元素。而inline-block元素仍在文档流内,因此inline-block不需要清除浮动的操作。水平位置:因为浮动元素脱离...原创 2019-03-25 23:18:31 · 4970 阅读 · 2 评论 -
关于BFC的理解与运用
经常在逛博客或者一些技术社区的时候看到BFC这个概念,大体上也知道是什么,不过过段时间印象又很模糊,因此乘着有空写博客记录一下。BFC的概念及特性BFC全名叫block formatting context(块级格式上下文),听着名字挺懵,它是一个独立的渲染区域,具体我们可以认为它是一种环境,若是某个盒子拥有了这个环境,那么它里面的盒子就不会影响到其外面的盒子,其外面的盒子也不会影...原创 2019-05-07 22:21:13 · 195 阅读 · 0 评论