靳氏DIVCSS网页兼容口诀-有客帮

1、学习DIV的方法

第一，掌握Css、Html语法。Css中除了一般语法之外，特别是Float、Clear、Overflow、Line-Height等，对于Html标签重点是Div、Ul、Li、Dl、Dd等几个。

第二，其实Div最好的教程就是你把Qq.Com 163.Com Sohu.Com Ifeng.Com这几个大门户网站的做法研究一下，如果你一下子看不懂这么大的网站，可以参考我讲课中带着学生一起开发的Www.Ccopen.Net及Www.Chinajwork.Org。

2、让DIV兼容的方法：

靳氏兼容(Ie6、Ie7、Ff)口决：

有浮必清，方能兼容；

统一默认，尽量为零；

有高则高，无高而高，

规规整整，方能大成！

有浮必清，方能兼容

在使用浮动标签后(Float:left)，后面Div一定要清除浮动(Clear:left;)。

这样才能兼容Ie6、Ie7、Ff，否则将出来布局混乱。

示例：

统一默认，尽量为零

不同的浏览器默认值是不一样的。比如：对于Ul Li标签的Margin属性，各不相同。因此，我们在做网站时，先要定义一些全局的样式表，一来约束整站，二来统计默认值。从而达到兼容之目的，这叫”统一默认”，正是”集中思想，统一战线”。

<style>

ul,li,body{margin:0px;padding:0px;}

div,table{margin:2px;padding:2px;overflow:hidden;}

</style>

尽量为零是指，当我们使用Div的时候，尽量明确它们的Margin和Padding值，不要默认，如果不需要有间距，定义为0。

有高则高，无高而高

这两点最重点，可谓是经验中的经验。所谓有高则高，就是当你定义Div的高度（Height）的时候，一定要定义行高（Line-Height）。这个做法，对兼容Ie6、Ie7特别重要。

比如：

这个二像索高的Div，在Ie6和Ie7中是有差别的，加上

或

之后，就相同了，这只是一例。

所以有高则高就是，定义了高度，就要定义Overflow或者Line-Height，或者二者都定义，则兼容之。

无高而高，如果你想让文字或图片把Div撑开，一定不要定义高度；反之，你定义了高度，Ie一般可发撑开，但Ff是撑不开的。

同时，当你不希望Div被掌握开时，你会定义高和宽，此时，你最好再定义一个Overflow:hidden; 不加滚动条;Overflow:auto;自动。简言之，不对Div定义高度，内容可以把Div撑开，就是Div跟着内容走，故言”无高而高”。

规规整整，方能大成！

最后，我说的是，编程、做Div、写代码的习惯，那就是要”像诗歌一样，讲究推敲；像风景一样，优美舒畅”。因为，你写的乱七八糟，将会越多越乱，最后整个一个豆腐渣工程。不但日后很难修改，你也不能重复利用。

OK，用我的口决，大家可以解决你DIV编程中90%以上的问题。

本文转载自《快乐飞扬博客》

靳氏DIVCSS网页兼容口诀