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中也不会撑破你设置高度和宽度。
学技巧网站制作整理于网络。
学技巧网站制作整理于网络。
-
用微信 “扫一扫”
将文章分享到朋友圈。
关注公众号:xue-jiqiao
本文版权归原作者所有，转载请注明原文来源出处，学技巧网站制作感谢您的支持！
发表评论：
最新建站教程
猜你也喜欢看这些
