DIV+CSS网页内容显示不完整诊断技巧

开发 前端
本文向大家介绍一下DIV+CSS网页的内容显示不完整的诊断方法,我们常常在IE6版本的浏览器查看一个网页显示完整,而在IE7及以上版本浏览器、火狐等浏览器上内容显示不完整。

我们常常在IE6版本的浏览器查看一个网页显示完整,而在其他浏览器上内容显示不完整,这是为什么呢,请看本文的详细介绍。

DIV+CSS网页的内容显示不完整的诊断

我们常常在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中也不会撑破你设置高度和宽度。你可以了解更详细隐藏内容方法。
 

【编辑推荐】

  1. CSS中的class与id区别及用法
  2. IE6、IE7、Firefox中margin问题解决办法
  3. DIV CSS隐藏内容样式方法详解
  4. CSS兼容:解决IE6、IE7和IE8的兼容问题妙招
  5. DIV CSS网页布局需要掌握的八大技巧

 

 

责任编辑:佚名 来源: divcss5.com
相关推荐

2010-08-24 12:33:57

DIVCSS

2010-08-24 11:34:37

DIV+CSS

2010-08-16 13:17:47

DIV+CSS

2010-09-14 10:41:24

DIV+CSS排版

2010-08-17 13:28:31

DIVCSS

2010-08-23 10:19:49

DIV+CSS

2010-08-30 14:57:21

DIV+CSS

2010-08-24 13:01:13

DIV+CSS

2010-08-16 14:18:49

DIV+CSS

2010-08-27 13:46:58

DIV+CSS

2010-08-23 09:59:16

DIV+CSSSEO

2010-08-24 12:40:23

DIVCSSmin-height

2010-08-16 09:19:04

DIVCSS

2010-08-27 17:41:03

DIV+CSS

2010-08-25 09:11:57

DIVCSS

2010-08-30 13:21:08

min-heightDIV+CSS

2010-08-30 11:22:24

DIVCSS

2014-09-26 16:46:24

2010-09-01 10:42:11

DIV+CSS

2010-08-23 11:08:28

DIV+CSS
点赞
收藏

51CTO技术栈公众号