一些常见的CSS兼容问题.docxVIP

一些常见的CSS兼容问题.txt爱一个人很难，恨一个人更难，又爱又恨的人最难。爱情永远 不可能是天平，想在爱情里幸福就要舍得伤心！何些烦恼是我们凭空虚构的，而我们却把它 当成真实去承受。1.A 标签 1 inkvisitedhoveractive font-fam订y 如果字符集中含有空格一定耍用双引号括起来 选择器必须要以字母开头 在ff中，绝对定位不依赖于父辈里table类型的元素 IE6下，绝对定位不会计算高度和宽度 尽可能不要将clear特性用在浮动元素上 IE中,即使block为空也是有高度的 float元素在最示的时候,需要使用方法去取消掉浮动 float元索的宽度不要超过外层div的宽度 在部分IE浏览器中，浮动元素会影响外边距折叠 TE6的body元素的背景色默认为白色 给table设直宽度的时候不要使用它自带的width,最好使用style里面的宽度 在s模式一 H c/f/s img元素会有一卜滑线 关于table中的td元素含冇长字符串或者字母的时候的强制换行 方法:table _h添加 style二” table-1 ayout:f ixed;word-break:b reak-al 1 ”，再在 td 上添加 style二word-wrap: break-word; ove rflow:hidden;就可以了 IE6/7/8, f/c下测试没有问题 合理使用word-wrap属性，不适用IE7/7的bug去撐宽元素，对select元素不使用 word-wrap:break-word 触发 layout 属性 display: inline-block/height:（除 auto 外任何值）/width:（除 auto 外任何值） float: （left 或 right）/position: absolute/writing-mode: tb-rl/zoom:（除 norma.1 夕卜 任意值） IE7 还有:min-height:（任意值）/min-width:（任意值）/max-height:（除 none 外任意值） max-width:（除none外任意值）/overflow:（除visible外任意值，仅用于块级元素） overflow-x:（除visible夕卜任意值,仅用于块级元素）/overflow-y:（除visible夕卜任意 值，仅用于块级元素） position: fixed 在IE中，触发f layout或者创建了 block formatting context的元素在计算高度的时候, 它的浮动子元素高度也会被计算进来，并且他们也不会和其他浮动元素相重叠 1根据W3C CSS2. 1 9.5的标准，浮动元素会覆盖普通流中的块容器，当然如果是block formatting context 就不会了 不要在饱含块级元素的元素上使用text-overflow,伪元素after不要是块元素 当一个元素position特性不是static时，这个元素被称为定位的，此时可以由 top\right\bottom\left来决定，当为默认auto时,可能会被放置在静态位置上 行内元素包括:行内非替换元素如p…;行内替换元素如img\input???;不包含替换元素的 行内元素:font-size控制字体框的大小高度，行框取各个行内元素行内框的最高边界与最低 边界作为边界，行内框平均分布在字体框的上下，每个高度为（line-height - font-size） /2 ,若行框（line-height）过小则会和相邻行重叠。 包含替换元素的行内元素:该替换元素会计算margin + padding +height jflj单纯的增加视觉 上的行框高度，其line-height并不变（不受height影响）（用与垂直对齐的相对值计算， 如 img{vertical:50%） == 0. 5*line-height ）0 贝U行框的高度会在 3. 1 计算后，再 max （替 换元素的最高界),min (替换元素最低界)来单纯视觉上的完全显示。 22?对于没有设置” top” /” right” /” bottom / left”偏移量的绝对定位元素,当其前 一个兄弟元素是行 内元素时,在IE6/7及IE8 (Q)中会将其的位置放置在行内元素同一行;在IE8 (S) Chrome Safari中会参照其“静态位置”放置；在Firefox、Opera中当绝对定位元素的display特 性为inlineblock 时，将换行显示。 对于没有设置” top” /right” /” bottom” / left ”偏移量的绝对定位元素,当其前 一个兄弟元素是块 元素时，所有浏览器均会将绝对定位