(原创)CSS+DIV注意事项 - Powered by Discuz!NT Archiver

waner01 - 2008-5-23 15:10:00

CSS注意事项

1、float的div一定要闭合。
例如：(其中floatA、floatB的属性已经设置为float:left;)
<#div id="floatA" >
<#div id="floatB" >
<#div id="NOTfloatC" >
这里的NOTfloatC并不希望继续平移，而是希望往下排。
这段代码在IE中毫无问题，问题出在FF。
如图：

原因是NOTfloatC并非float标签，必须将float标签闭合。
在
<#div id="floatA">
<#div id =" floatB ">
　　之间加上
<#div id=" NOTfloatC ">
　　这个div一定要注意声明位置，一定要放在最恰当的地方，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。
在NOTfloatC里加上一句clear:both;既可。
如图：

附件: 1.gif

waner01 - 2008-5-23 15:14:00

2、margin加倍的问题。
设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。
解决方案是在这个div里面加上display:inline;
例如:
<#div id="imfloat">
相应的css为
#IamFloat{ float:left;
margin:5px;/*IE下理解为10px*/
display:inline;/*IE下再理解为5px*/}

waner01 - 2008-5-23 15:15:00

3、关于高度的问题
如果是动态地添加内容，高度最好不要定义。浏览器可以自动伸缩，然而如果是静态的内容，高度最好定好。
4、!important;
如果实在没有办法解决一些细节问题,可以用这个方法.FF对于"!important"会自动优先解析,然而IE则会忽略.如下
. div{width:224!important; /*Style for FF*/
width:224; /* Style for IE */}值得注意的是，一定要将xxxx !important 这句放置在另一句之上，上面已经提过.

买麦网论坛