今天网站改版有部分内容设置成了DIV模式,但是在IE和火狐浏览器下发现显示不同,在火狐浏览器下设置的DIV颜色并未如愿显示出来,经过一番参考,问题总算解决,以下是相应的解决方案:
之前的网站由于在body标签中设置了背景颜色,所以div的的背景颜色得设置为白色,由于在遨游浏览器下调试,所以没有感觉有什么问题。使用IE7和Firefox打开却发现最外层Div的背景颜色不起作用,简单类似的代码如下:
由于最外div的高度是根据内层div的高度自动伸展,所以不能在css中定义它的高度,这样看起很不美观。分析了一下,在最外层div的css中加了一个overflow:hidden;,再刷新页面,竟然正常了,代码如下:
<div id="layout"> <div id="left"> <strong> XML </strong> <p> 前推荐遵循的是W3C于2000年10月6日发布的XML1.0和HTML一样,XML同样来源于SGML,但XML是一种能定义其它语言的语。 <br /> <br /> XML最初设计的目的是弥补HTML的不足,以强大的扩展性满足网络信息发布的需要,后来逐渐用于网络数据的转换和描述。 </p> </div> <div id="right"> <a href="#"> 链接1 </a> <a href="#"> 链接2 </a> <a href="#"> 链接3 </a> <a href="#"> 链接4 </a> </div></div>
附overflow介绍:
语法:
overflow : visible | auto | hidden | scroll
参数:
visible : 不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window或frame的大小。并且clip属性设置将失效
auto : 此为body对象和textarea的默认值。在需要时剪切内容并添加滚动条
hidden : 不显示超过对象尺寸的内容
scroll : 总是显示滚动条
说明:
检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
设置textarea对象为hidden值将隐藏其滚动条。
对于table来说,假如table-layout属性设置为fixed,则td对象支持带有默认值为hidden的overflow属性。如果设为hidden,scroll或者auto,那么超出td尺寸的内容将被剪切。如果设为visible,将导致额外的文本溢出到右边或左边(视direction属性设置而定)的单元格。
自IE5开始,此属性在MAC平台上可用。
联系客服