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

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

创新互联建站是专业的萝北网站建设公司，萝北接单;提供做网站、网站设计,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行萝北网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!

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

标题名称：DIV+CSS网页内容显示不完整诊断技巧
分享路径：http://www.shufengxianlan.com/qtweb/news35/490635.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联