CSS
jhon哥
这个作者很懒,什么都没留下…
展开
-
CSS盒子模型、边距重叠、计算宽高
CSS盒模型笔记,主要包括了盒模型的标准模式和IE模式的区别,通过box-sizing属性设置宽高的计算方式,盒模型中的边距重叠问题,几种通过js获取宽高的方法,BFC相关概念以及BFC的几种使用场景。 1、IE模式和标准模式 先敬上一张描述这两种模式的图: 标准模式和IE模式区别在于计算width与height的方式。但是总宽度和总长度的计算方式是一样的。 可以通过box-siz...原创 2019-02-24 17:20:12 · 474 阅读 · 0 评论 -
CSS中的BFC
这篇笔记记录了BFC的概念,特点,创建BFC的方法,应用等。 1、BFC的概念 Block Formatting Context,块级格式化上下文。可以理解成一个独立的容器,与外界互不相干,互不打扰。 2、BFC的特点 (1)、相邻块级,垂直方向上的边距重叠 (2)、BFC区域不会与浮动元素重叠(清楚文字环绕) (3)、BFC的独立性,里外互不影响 (4)、BFC块内的浮动元素会参与...原创 2019-02-24 17:18:27 · 204 阅读 · 0 评论