双外边距浮动的问题

使用浮动，且有给外边距的div在ie6中会出现外边距加倍的；这是比较简单的解决的bug;只要将元素的display属性设置为inline就行了。所以每当对具有水平外边距的元素进行浮动的时候，都应该将将元素的display属性设置为inline。

 

表单外边距增加问题

添加表单的时候，最好把表单的margin和padding设置为0px；或者在把表单的这两个属性定义为全局属性，方便以后的调用。

 

ul和li的相关问题

列表的li为浮动，所有li不能在同行 只要为这个ul定义合适的宽就行。没的话就会默认，那么总的宽度就会不够；

 

父元素包含浮动子元素时的问题

在ie6中，如果父元素的高度不足以包含子元素，则会被撑开。

解决方法：

1.在子浮动元素后面再加一个div，此div的定义：clear:both;

2.在父元素将overflow属性设置为hidden；

 

浏览hack的问题

这些选择器在你需要针对某款浏览器进行CSS设计时将非常有用.

IE6及其更低版本 *html{}

IE7及其更低版本 *:first-child+html{}*html{}

仅针对IE7 *:first-child+html{}

IE7和当代浏览器 html>body{}

仅当代浏览器(IE7不适用) html>/**/body{}

Opera9及其更低版本 html:first-child{} Safari html[xmlns*=""]body:last-child{} 要使用这些选择器,请将它们放在样式之前.最好的还是少用到hack.这样说明页面写得更好。

 

指定超链接伪 类顺序

要以下面的顺序指定超链接伪 类：Link， Visited， Hover， Acitve。

任何其他顺序都不妥当。假如用了：focus，次序应 为 LVHFA.

边框、外边距和内边距的简写次序为：上、右、下、左，即 Top， Right， Bottom， Left。

以上内容有南宁市睿虎网络科技提供，尊重劳动成果，转载时请注明出处，谢谢……