做网站知识

做网站中div标签内无任何内容如何解决

新闻资讯 发布时间2011.7.31.浏览数:1646

【做网站中div标签内无任何内容如何解决】 当在做网站中div标签内无任何内容时: <div></div> 如果给div元素<b>设置了宽度<b>时,比如width:100%,此时div在IE中(IE6,IE7)将占据物理空间,而在FF中不占据物理空间(正确理解)。为了表......东莞做网站公司www.3goweb.com.cn三行网络为您详细介绍 - 请往下阅读》

做网站中div标签内无任何内容如何解决

做网站中div标签内无任何内容如何解决

当在做网站中div标签内无任何内容时:

<div></div>

如果给div元素<b>设置了宽度<b>时,比如width:100%,此时div在IE中(IE6,IE7)将占据物理空间,而在FF中不占据物理空间(正确理解)。为了表述直观,将样式直接写在元素标签内:

<div style="width:100%"></div>

此时在IE中到底是什么在影响着最终的显示,又是如何解析的呢?

可能的影响因素:字体大小(font-size),字体行高(line-height),高度(height),溢出(overflow)

我们对上面的代码逐一添加过滤属性(具体的过程有兴趣的朋友,可以私下里实验一下,“自己动手,丰衣足食”!)

在测试的过程中,你会发现IE6和IE7的解析也不尽相同,比如在给div设置了line-height:0; height:0; 的样式后,IE7中显示正常了,不再占据物理空间了,而IE6却依然我行我素,亦或是悲!

最终的测试结果,最简单的方法是,在做网站中给div设置高度(height)和溢出(overflow)属性:

<div style="width:100%;height:0;overflow:hidden; "></div

东莞做网站公司公司选三行网络—— “匠心精琢、凝聚经典”是三行网络公司的设计理念,每一件作品无不是三行网络公司设计团队的倾力倾心之作。无论策划、创意还是视觉设计,三行网络公司设计团队均力求完美,而这样的完美不仅是视觉的享受,更是商业价值、品牌理念与视觉的共荣之作!
《做网站中div标签内无任何内容如何解决》此文由三行网络公司原创,转载请保留原文链接,谢谢!

【关键词标签】东莞做网站公司    做网站中div标签内无任何内容如何解决

15989229398(微信咨询)

专业做网站 · ¥明码实价!


匠心打造精品,用心成就经典!携手客户共创双赢!
© Copyright 广州三行网络科技有限公司
粤ICP备案号:09210325