今天网站改版有部分内容设置成了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介绍: 语法: 参数: 说明: |
|