BFC:面试必问!!!!! 1.什么是BFC? bfc是块级格式上下文，是一个网页的概念，网页是一个盒子一个盒子(div)组成的。 2.如何创建BFC 1.浮动:float:(left、right、inherit)除none以外的值 [使用此属性注意左右距离是否被改变] 2.定位:position( ...
分类：
其他好文 时间：
2020-04-07 13:07:14
阅读次数：
100
Block formatting contexts W3C关于BFC的描述见 "block formatting" Floats, absolutely positioned elements, block containers (such as inline blocks, table cells ...
分类：
Web程序 时间：
2020-01-28 23:06:47
阅读次数：
99
border之外是margin， border之内是padding ,padding之内是width & height. margin 垂直外边距叠加，水平外边距不叠加。(上右下左，如圆形钟表，从半夜0点开始) width，默认值 auto，会让元素的宽度扩展到与其父元素同宽 ...
分类：
Web程序 时间：
2017-04-27 10:16:05
阅读次数：
174
重新看《精通CSS（第二版）》做一些记录，方便今后巩固。 1.外边距叠加 只有普通文档流中块框的垂直外边距才会发生外边距叠加。行内框、浮动框、或绝对定位框之间的外边距不会叠加。 2.相对定位 使用相对定位时，无论是否移动，元素仍然占据原来的空间，其他元素也是对它原来空间的元素进行定位。 下面是未相对 ...
分类：
Web程序 时间：
2017-02-05 12:21:05
阅读次数：
211
触发block formatting context即可，触发的方法：1. float不为none2. overflow不为visible3. display设为‘table-cell’, ‘table-caption’, 或‘inline-block’4. position既不是static也不是 ...
分类：
其他好文 时间：
2017-01-20 12:17:09
阅读次数：
190
可视化格式模型： css中有三种基本的定位机制：普通流、浮动、绝对定位。 块级元素：从上到下一个一个垂直排列，框之间的垂直距离由垂直外边距计算。（此处注意外边距叠加） 行内元素：可以使用水平内边距、边框、和外边距调整他们的水平间距，但是垂直方向上的这三个不起作用，同样的设置显示高度也不起作用。只能通 ...
分类：
其他好文 时间：
2016-11-30 14:40:44
阅读次数：
158
介绍了margin、padding、border的特点，重点分析了margin的折叠现象 ...
分类：
其他好文 时间：
2016-10-23 00:16:50
阅读次数：
473
什么是margin折叠：当两个或更多个垂直边距相遇时，它们将形成一个外边距。这个外边距的高度等于两个发生叠加的外边距的高度中的较大者。 注意： 注意： (1) 只有普通文档流中块框的垂直外边距才会发生外边距叠加 (2) 行内框、浮动框或绝对定位框之间的外边距不会叠加 (3) 折叠后取其中最大的那个m ...
分类：
其他好文 时间：
2016-09-09 10:14:45
阅读次数：
112
外边距叠加是一个相当简单的概念。 但是，在实践中对网页进行布局时， 它会造成许多混淆。 简单的说，当两个或更多个垂直边距相遇时，它们将形成一个外边距。这个外边距的高度等于两个发生叠加的外边距的高度中的较大者。只有普通文档流中块框的垂直外边距才会发生外边距叠加。 行内框、浮动框或绝对定位框之间的外边距... ...
分类：
其他好文 时间：
2016-05-02 22:44:34
阅读次数：
433
外边距叠加This paragraph has a 20px margin.给div框设置10像素外边距，段落设置20像素外边距，效果会是下图。段落的外边距与div的外边距叠加，形成20像素的垂直外边距。这些外边距不是被div包围，而是突出到div的顶部和底部的外边。如果元素没有垂直边框或内边距，它...
分类：
其他好文 时间：
2014-11-04 19:31:45
阅读次数：
254
