浏览器兼容-词汇

  • shrink-to-fit

如果一个浮动元素的 ‘width’ 是 ‘auto’,并且它是一个非替换元素,那么它的宽度将会是shrink-to-fit。

shrink-to-fit的计算公式:

shrink-to-fit 的宽度 = min ( max (首选最小宽度, 可用宽度) , 首选宽度)

CSS2.1 并未给出各个width的确切算法。

  • block formatting context

块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的部分,是块级盒布局发生的区域,也是浮动元素与其他元素交互的区域。

块格式化上下文包含创建它的元素内的所有内容。

块格式化上下文对于定位与清除浮动很重要。定位和清除浮动的样式规则只适用于处于同一块格式化上下文内的元素。浮动不会影响其它块格式化上下文中元素的布局,并且清除浮动只能清除同一块格式化上下文中在它前面的元素的浮动。Margin collapsing也只发生在属于同一块格式化上下文的块级元素之间。

  • margin collapsing

块的顶部外边距和底部外边距有时被组合(折叠)为单个外边距,其大小是组合到其中的最大外边距,这种行为称为外边距塌陷(margin collapsing),有的地方翻译为外边距合并

BFC(Block Formatting Context 块格式化上下文)与元素外边距合并 :
当两个元素属于不同的BFC时,这两个元素的外边距不会合并。
但在同一个BFC内,两个相邻元素的外边距仍会合并。

  • hasLayout

hasLayout属性是微软特有的过时属性,在IE6、IE7、IE8兼容模式下使用。

大部分的低版本 IE 显示错误,都可以通过激发元素的 haslayout 属性来修正。

 

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注