DIV+CSS网页内容显示不完怎么办

本篇内容介绍了“DIV+CSS网页内容显示不完怎么办”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

网站建设哪家好,找创新互联公司!专注于网页设计、网站建设、微信开发、成都小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了林芝免费建站欢迎大家使用!

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

我们常常在IE6版本的浏览器查看一个网页显示完整,而在IE7及以上版本浏览器、火狐等浏览器上内容显示不完整-DIV+CSS网页内容显示不完整诊断教程。

样式截图如下:

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网页内容显示不完怎么办”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网站题目:DIV+CSS网页内容显示不完怎么办
网页网址:http://myzitong.com/article/ihoepo.html