1 CSS样式为火狐ie6 ie7

现在大部分都被使用了！重要的是黑客，和IE6和Firefox的测试可以正常显示，但是IE7对！重要的是可以解释正确，这将导致根据要求不显示页面，找到一个很好的办法破解IE7是使用* + HTML，现在浏览IE7，应该没问题的。

现在可以像这样编写CSS：

# 1 {颜色：# 333；} / * * /张
* HTML # 1 {颜色：# 666；} / * * / IE6
* + HTML # 1 {颜色：# 999；} / * * / IE7

然后字体颜色显示为# 333下的火狐，IE6的字体颜色# 666和IE7的字体颜色# 999在IE7。

2 css布局中的中间问题

主要样式定义如下：

体{ text-align：中心；}
#中心{ margin-right：汽车；margin-left：汽车；}

解释uff1a

首先，该text-align：中心是在父元素中定义的；这意味着父元素的含量在中间；对于IE设置已经是可能的。

但它不能在Mozilla中，解决方法是添加margin-right：汽车的子元素设置当定义设置；margin-left：汽车；

那就是，如果你想用这种方法来让页面中心，不是建立在一个div，你可以拒绝一些div，只要margin-right定义：在每个div margin-left自动：自动下降；可以。

3箱模型有不同的解释。

#箱{
宽度：600px；
/ / IE6.0 W 宽度：500px；
/ / FF + IE6.0
}
#箱{
宽度：600px！重要
用于FF
宽度：600px；
/ / FF + IE6.0
* /宽度：500px；
/ / IE6.0—
}

由4浮动IE产生的双倍距离

#箱{浮动：左；宽度：100px；保证金：0 00 100px； / /这种情况下会显示生产IE 200px： / /内联；忽视浮动}

这里描述了块，内联两个元素，块元素的特点是：总是在一个新的行开始，高度，宽度，行高，边距可以控制（元素）；内联元素的特征是：和其他元素在同一行，…无法控制（内倩元）；

#箱{显示：块； / /内联元素模拟块元素显示： / /内联；实施效果显示同一行排列：表；

5 IE与宽度和高度问题

IE不认识MIN的定义，但实际上它将正常的宽度和高度作为最小值。这是个大问题。如果使用宽度和高度，普通浏览器中的两个值不会改变。如果只使用最小宽度和最小高度，IE将不会设置宽度和高度。例如，设置背景图片，这个宽度更重要：

#箱{宽80px；身高：35px；} HTML >体#箱{宽度：汽车；高度：汽车；最小宽度：；}；}

6页的最小宽度

最小宽度是一个非常方便的CSS命令，它可以指定元素的最小不小于一定的宽度，以保证排版总是正确的。但我不承认这一点，它实际上使宽度最小宽度。为了使这个命令可以在IE，你可以把一个下一个标签，指定一个类的div：
然后CSS设计了它。

#容器{
最小宽度：600px；
宽度：eshy；表达（document.body.clientwidth＜600600px 自动）；
}

第一个最小宽度是正常的，但是第二行宽度使用的是Javaｓｃｒｉｐｔ，它只被IE识别，这也使得你的HTML文档不那么正式，它通过Javaｓｃｒｉｐｔ的判断实际上实现了最小宽度。

7清除浮动

hackbox {。
显示：表；
对象作为块元素级表显示
}

也许

hackbox {。
清楚：两者；
}

或加入：（伪对象）后，设置对象的内容后，通常使用内容，IE不支持这个伪对象，不支持IE浏览器，所以它不影响IE浏览器，这是最麻烦的。

…#箱：在{
内容：；
显示块；
身高：0；
清楚：两者；
可见性：隐藏；
}

8浮点IE IE生成3像素错误

左边的对象是浮动的，和正确的位置与外片的左边缘，在对对象的文本将从左侧有一个3px的距离。

#箱{
浮点数：左；
宽度：800px；}
#左{
浮点数：左；
宽度：50%；}
#右{
宽度：50%；
}
* HTML #左{
缘吧：- 3px；
这句话是关键
}
HTML代码





9个属性选择器（这是不兼容的，是一个隐藏CSS的bug）

{ { } { } }
{ { } { } }

这是隐藏版本的IE6.0和低于IE6.0，FF和歌剧

属性选择器与子选择器不同。子选择器的范围从表单缩小，属性选择器的范围比较大。例如，在P。}中，所有p标记都具有相同样式的id。

10即捉迷藏问题

当DIV的应用是复杂的，在每一列的一些链接，和div等容易捉迷藏。
有些内容没有显示，当鼠标选择此区域时，发现内容实际上在页面上。
解决方案：使用线高度属性#布局或使用固定的高度和宽度的# layout.the页面结构尽量简单。

11身高不宜

高度不适应的外部高度不能自动调整高度的内部对象的变化，尤其是当内部对象使用。
当保证金或paddign。例：


p对象中的内容


CSS：

#箱{背景颜色：# EEE；}
#盒P {保证金：20px；margin-bottom: 20px；文本对齐：中心；}

解决的办法是在P对象添加两空div对象的CSS代码：1 {身高：0px；溢出：隐藏；}或div的边框属性。