首页 web前端 css教程 css 页面显示不全怎么办

css 页面显示不全怎么办

Feb 01, 2021 am 09:28 AM
css

css页面显示不全的解决办法:1、取消css中对象的高度css样式;2、减少内容;3、在设置高度和宽度的同时再设置“overflow:hidden”属性样式。

css  页面显示不全怎么办

本教程操作环境:windows7系统、HTML5&&CSS3版本、Dell G3电脑。

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

如果你的网页布局还没有?弃ie6,就有可能会出现网页内容显示不完事的问题,现在我们来告诉你出现这个问题的原因及如何解决。

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

样式截图如下:

046f9d059cfcbde0dc78b65c77d708d.png

说明:最后一排的内容文字只显示了一半。

分析造成原因:

1、css中设置了宽度/高度

2、设置了css样式表属性overflow:hidden,隐藏超出指定宽度、高度的对象-css隐藏。

推荐:《css视频教程

解决方法:

1、css中设置了高度

取消其对象的高度(height)css样式,即可兼容各浏览器,内容也会显示完整。如果取消了高度让网页布局左右内容板块边框不对齐,你可以不取消高度,但是你需要减少内容,将显示不完整的内容去掉。

2、设置了css样式表属性overflow:hidden,隐藏超出指定宽度、高度的对象。

一般设置高度同时设overflow:hidden样式,会造成在IE6中也让内容显示不完整。解决办法如第一点,如果你不取消高度宽度限制条件下,你可以减少内容。

为什么在IE6中设置了高度也能显示完整,而在其它浏览器中却显示不完整?

答:因为IE6内核的原因,你设置了高度,但你内容超出设置高度,他将自然的撑破你设置的高度宽度,而在IE7、IE8、火狐等浏览器中将不能撑破设置的高度。

当然如果你想你设置的内容再多也不撑破你设置的高度宽度(包括IE6中),你可以在设置高度和宽度同时再设置overflow:hidden属性样式,这样在IE6中也不会撑破你设置高度和宽度。

以上是css 页面显示不全怎么办的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
3 周前 By 尊渡假赌尊渡假赌尊渡假赌

热门文章标签

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

vue中placeholder是什么意思 vue中placeholder是什么意思 May 07, 2024 am 09:57 AM

vue中placeholder是什么意思

vue中空格怎么写 vue中空格怎么写 Apr 30, 2024 am 05:42 AM

vue中空格怎么写

vue中怎么获取dom vue中怎么获取dom Apr 30, 2024 am 05:36 AM

vue中怎么获取dom

js中span是什么意思 js中span是什么意思 May 06, 2024 am 11:42 AM

js中span是什么意思

js中rem是什么意思 js中rem是什么意思 May 06, 2024 am 11:30 AM

js中rem是什么意思

vue中引入图片的方法 vue中引入图片的方法 May 02, 2024 pm 10:48 PM

vue中引入图片的方法

span标签的作用是什么 span标签的作用是什么 Apr 30, 2024 pm 01:54 PM

span标签的作用是什么

js中prompt怎么换行 js中prompt怎么换行 May 01, 2024 am 06:24 AM

js中prompt怎么换行

See all articles