您的位置：首页 > 网站优化 > css  >  div+css网页显示不完整的原因分析及解决方案

div+css网页显示不完整的原因分析及解决方案

 更新时间：2016年9月14日 14:19  点击：1667
如果你的网页布局还没有?弃ie6，就有可能会出现网页内容显示不完事的问题，现在我们来告诉你出现这个问题的原因及如何解决。

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

样式截图如下：

 

div+css网页内容显示不完整截图，诊断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中也不会撑破你设置高度和宽度。

[!--infotagslink--]

相关文章

  • 409错误是什么 http 409错误怎么解决

    409错误是什么？http 409错误怎么解决呢？不少站长在遇到这个错误代码之后都一筹莫展，本次一聚教程网为大家带来了详细的说明，快来看看吧。 409错误是什么： HTTP 40...2017-01-22

  • http 405错误是什么 http 405错误怎么解决

    http 405错误是什么？http 405错误怎么解决？相信很多站长都在找这两个问题的答案，本次小编为大家带来了详细的教程，快来看看吧。 405错误是什么： HTTP 405错误是H...2017-01-22

  • 403错误是什么 403错误怎么解决

    403错误是HTTP状态码的一种，属于“请示错误”，表示服务器拒绝请求。如果在搜索引擎尝试抓取您网站上的有效网页时显示此状态代码，那么，这可能是您的服务器或主机拒绝搜索...2017-01-22

  • 412错误是什么 412错误怎么解决

    412错误是什么？412错误怎么解决？本次一聚教程网将为大家带来详细的介绍，帮助大家全面了解412错误的意思以及解决412错误的方法。 412错误是什么： HTTP 412错误，（Precond...2017-01-22

  • Perl CPAN::Modulelist的解决办法

    今天用CPAN安装Term::ReadLine，报了个这样的错误 Going to read /root/.cpan/sources/modules/03modlist.data.gz Can't locate object method "data" via package "C...2016-11-25

  • 406错误是什么 406错误怎么解决

    HTTP 406错误是HTTP协议状态码的一种，表示无法使用请求的内容特性来响应请求的网页。一般是指客户端浏览器不接受所请求页面的 MIME 类型。 而MIME类型是在把输出...2017-01-22

  • 407错误是什么 407错误怎么解决

    407错误是什么？407错误怎么解决？不少站长都遇到过407错误，下面小编将告诉大家如何处理407错误。 407错误是什么： HTTP 407错误是HTTP协议状态码的一种，表示需要代...2017-01-22

  • 410错误是什么 http 410错误怎么解决

    410错误是HTTP协议状态码的一种，本次一聚教程网将为大家详细介绍HTTP 410错误是什么，以及410错误的解决办法。 410错误是什么： HTTP 410错误是HTTP协议状态码的...2017-01-22

  • HTTP 400错误是什么 HTTP 400错误怎么解决

    每当遇到http错误代码为400，代表客户端发起的请求不符合服务器对请求的某些限制，或者请求本身存在一定的错误，那么HTTP 400错误怎么解决呢？请看下文介绍。 目前400错...2017-01-22

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • Jrebel启动失败解决方案详解

    这篇文章主要介绍了Jrebel启动失败解决方案详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-07-07

  • MYSQL事务回滚的2个问题分析

    因此，正确的原子操作是真正被执行过的。是物理执行。在当前事务中确实能看到插入的记录。最后只不过删除了。但是AUTO_INCREMENT不会应删除而改变值。1、为什么auto_increament没有回滚？因为innodb的auto_increament的...2014-05-31

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • Mysql索引会失效的几种情况分析

    索引并不是时时都会生效的，比如以下几种情况，将导致索引失效： 1.如果条件中有or，即使其中有条件带索引也不会使用(这也是为什么尽量少用or的原因)　　注意：要想使用or，又想让索引生效，只能将or条件中的每个列都加上索引　...2014-06-07

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20

  • 小记一次mysql主从配置解决方案

    　　今天研究了个开源项目，数据库是mysql的，其中的脚本数据需要备份，由于本人的机器时mac pro，而且mac下的数据库连接工具都不怎么好用，就想着如何利用windows下的数据库连接工具使用，并做相关备份，另外windows系统下的sqlyo...2015-10-21

  • python 爬取京东指定商品评论并进行情感分析

    本文主要讲述了利用Python网络爬虫对指定京东商城中指定商品下的用户评论进行爬取，对数据预处理操作后进行文本情感分析，感兴趣的朋友可以了解下...2021-05-28

  • php 502 bad gateway的解决方案

    502 bad gateway是php-fpm的问题对于这个问题就是配置参数的问题了，下面我们整理了一些关于php-fpm错误问题的解决办法，具体如下。 今天升级完PHP出现了502 Bad Gat...2016-11-25

  • Underscore源码分析

    Underscore 是一个 JavaScript 工具库，它提供了一整套函数式编程的实用功能，但是没有扩展任何 JavaScript 内置对象。这篇文章主要介绍了underscore源码分析相关知识，感兴趣的朋友一起学习吧...2016-01-02