在firefox与IE下DIV+CSS Padding效果不同的解决方法
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,
要解决这一个矛盾,可以利用!important
padding-top:5px;
height:10px !important;
height:15px;
以上定义了两个height, 其中一个后面加了!important , IE将会忽略这个属性,而使用后面的height:15px; 而firefox却不会忽略这个属性, 直接使用height:10px
这样就可以很巧妙的解决这个问题
相关文档：
示例：此DIV为固定定位对象
要使HTML元件定位于浏览器的某个固定位置，而不随滚动条滚动，用以下CSS代码即可，跨各个主流浏览器： POSITION: fixed! important; TOP: 100px; _position: absolute; _top: 40; _left: 100。
示例见右边黄底红字块。 ......
可以放置样式的地方：样式表，<style>和style
样式表是一个独立的文件，可以通过<link>元素或者css的@import语句把它附加到某个html文档中，<style>是一个html元素，可以把它内嵌在html文档中，style是一个属性，可以内置在任何html元素中。
要想把样式表连到html文档中，要在html文档中的<head> ......
间隙属性是用来设置元素内容到元素边界的距离。包括：
1）左间隙属性（padding-left）
这个属性用来设定左间隙的宽度。例如：
.d1{padding-left:1cm}
2）右间隙属性（padding-right）
这个属性用来设定右间隙的宽度。例如：
.d1 {padding-right:1cm}
3）上间隙属性（padding-top）
这个属性用来设定上间隙的宽度。� ......
