做网站知识

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

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

【做网站中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