最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
div+css网页显示不完整的原因分析及解决方案
时间:2015-01-05 编辑:简简单单 来源:一聚教程网
常常在低版本的浏览器如IE6查看一个网页显示完整,而在IE7及以上版本浏览器、火狐等浏览器上内容显示不完整-DIV+CSS网页内容显示不完整诊断教程。
样式截图如下:
说明:最后一排的内容文字只显示了一半。
分析造成原因:
1、css中设置了高度
2、设置了css样式表属性overflow:hidden,隐藏超出指定宽度、高度的对象-css隐藏。
解决方法:
1、css中设置了高度
取消其对象的高度(height)css样式,即可兼容各浏览器,内容也会显示完整。如果取消了高度让网页布局左右内容板块边框不对齐,你可以不取消高度,但是你需要减少内容,将显示不完整的内容去掉。
2、设置了css样式表属性overflow:hidden,隐藏超出指定宽度、高度的对象。
一般设置高度同时设overflow:hidden样式,会造成在IE6中也让内容显示不完整。解决办法如第一点,如果你不取消高度宽度限制条件下,你可以减少内容。
为什么在IE6中设置了高度也能显示完整,而在其它浏览器中却显示不完整?
答:因为IE6内核的原因,你设置了高度,但你内容超出设置高度,他将自然的撑破你设置的高度宽度,而在IE7、IE8、火狐等浏览器中将不能撑破设置的高度。
当然如果你想你设置的内容再多也不撑破你设置的高度宽度(包括IE6中),你可以在设置高度和宽度同时再设置overflow:hidden属性样式,这样在IE6中也不会撑破你设置高度和宽度。
-
上一个: 老师不会教的【DIV间距设置】技巧
相关文章
- CSS样式表来控制网页字体的显示样式 01-26
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- css3中仿放大镜效果的几种方式原理介绍 10-26
- CSS3切割轮播图的代码展示 10-26
- CSS组合选择器解析 10-26