HTMer

研究互联网络和电脑应用技术的IT技术网。 (勤奋+智慧→理想)

« 《劲乐团》游戏将于2008年5月停止运营网页设计中DIV+CSS命名规则(有利于增强SEO) »

Firefox浏览器中div层重叠的解决方法

    我们在用DIV+CSS布局网页的时候,往往在IE浏览器中显示是正常的,而在Firefox浏览器中显示确是重叠的,这是由于Firefox和IE浏览器对层的兼容性问题。下面给出我的解决方法,供大家参考,或有更好的方法请高手指教。

    假设一个页面中有两个层,两个层的中间是文章内容,具体简单的代码如下所示: 

 
<style type="text/css">
#top{
 float:left;
 margin:4px;
}
#foot{
 border:1px solid rgb(192, 192, 192);
 margin:0px auto;
}
.cl{
 clear:both;
}

</style>
<div id="top">此处为第一个层的内容</div>
 此处为文章的具体内容。
 <div class="cl"></div>
<div id="foot">此处为第二个层的内容</div>

     以上代码中红色部分即为解决div层重叠的方法,即在两个层中间加一个空白层,清除该层两边的浮动,使得上面的层与下面的层不在同一行。



欢迎转载,转载请注明:转载自HTMer [ http://www.htmer.com/ ]

本文链接地址:http://www.htmer.com/article/225.htm

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

HTMer , Powered By Z-Blog, 苏ICP备08003082号

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.
HTM|HTML|ASP|PHP|JSP|Mysql|SQL|Dreamweaver|Flash|Fireworks|Photoshop|SEO Copyright www.HTMer.com. Some Rights Reserved. English Version