html ie7高度,浏览器的差距、ie6 ie7 ie8、符号、html css、BFC、

1、浏览器的差距

浏览器默认的字体是16px，谷歌的最小字体是12px，其他是10px

2、ie6、ie7、ie8、

hack：就是针对不同的浏览器去不同的html，css样式，从而让各个浏览器能达到一致的渲染效果

html的hack：写在html的标签中

css的hack：写在css的样式中

3、符号

&it；　　&gte; >=

4、html   hack的写法

(1)、

小于等于ie8以下才会出现

(2)、

只在ie8下出现

5、css   hack

(1)、值hack，特殊符号

ie6专用符号是 -和 短横和下划线

ie6和ie7同时专用的hack，属性前加！或+ 等

ie8专用的hack属性值后分号前加\0/

ie6  7  8  9  10 同时专用的，是属性值后分号前加\9

(2)、选择器hack ，特殊符号写在选择器上

ie6和ie7专用    *div{}

ie6和ie7同时专用的   div，{}

除了ie6   html>body div{}

*注：渲染：渲染就是浏览器的一种能力，将图片，文字，样式等展现出来

向下兼容：新属性值在高版浏览器向低版本处理这种方法

5、BFC

BFC全称：Block   Formatting  Context，翻译过来就是“块级格式化上下文”，它是w3c css.2./规范中的一个概念，决定元素如何对其内容定位。

(1)、如何让一个元素具有bfc规范呢？

a、根元素；

b、float属性不为none；

c、position为absolute 或fixd；

d、display为inline-block，table-cell，table-capition，fixd，inline-flex

e、overflow不为visible；

(2)、BFC的作用

a、给父级元素清除浮动，避免高度塌陷；

b、垂直margin合并

c、在两栏布局中，可以用BFC避免浮动兄弟元素的遮盖

(3)、BFC的布局

a、内部的box会在垂直方向，一个接一个地放置；

b、box垂直方向的距离由margin决定的，属于同一个BFC的两个box的margin会发生重叠；

c、每一个元素的margin box的左边与包含块border  box的左边相接触(对于从左往右的格式化，否则相反)，即使存在浮动也是如此；

d、BFC的区域不会与float   box重叠；

e、BFC就是页面上的每一个独立容器，容器里面的子元素不会影响到外面的元素，反之也是如此；

f、计算BFC的高度时，浮动元素也参与计算。

本文来源于网络：查看 >https://www.cnblogs.com/yanghuiting/p/9792029.html