首页 相关文章 Firefox、IE的最基本的CSS兼容技巧

Firefox、IE的最基本的CSS兼容技巧

同时兼容IE、FF的基本注意事项:

float的div一定要闭合。例如:(其中floatA、floatB的属性已经设置为float:left;)
wrapper div id="floatA"/div div id="floatB"/div div id="NOTfloatC"/div /wrapper

这里的NOTfloatC并不希望继续平移,而是希望往下排。这段代码在IE中毫无问题,问题出在FF。原因是NOTfloatC并非float标签,必须将float标签闭合。在 div id="floatB"/div div id="NOTfloatC"/div 之间加上div class="clear"/div aw提醒您:这个div一定要注意声明位置,一定要放在最恰当的地方,而且必须与两个具有float属性的div同级,之间不能存在嵌套关系,否则会产生异常。并且将clear这种样式定义为为如下即可:

.clear { clear:both; }

此外,为了让高度能自动适应,要在wrapper里面加上overflow:hidden; 当包含float的box的时候,高度自动适应在IE下无效,这时候应该触发IE的layout私...[ 查看全文 ]

2016-02-19 标签:

Firefox、IE的最基本的CSS兼容技巧的相关文章

手机页面
收藏网站 回到头部