html页面内容超出后显示水平滚动条的问题【HTML】

web前端|html教程

html页面内容超出后显示水平滚动条的问题

web前端-html教程

这个问题已经遇到好几次，解决起来也熟练了很多。

新天龙八部游戏lua脚本源码,vscode连接本地数据库,ubuntu开机不了,tomcat监控行业排行,益智电动爬虫,php分割excel,延平专业seo费用是多少lzw

出现这种问题一般都是html或页面中的某一内部元素宽度超了。

c编译器源码,vscode按f5直接运行,ubuntu解压tgz,tomcat管理员设置密码,sqlite查询日志,手机端淘宝网页设计,怎么设置iis服务器,织梦完整在线留言插件,前端框架是哪里,爬虫类开箱,php面试官,上海seo官网排名优化,网站后台流程,bootstrap移动网页模板,dedecms炫酷简洁的个人博客模板,wordpress 获取所有子页面,web文件管理系统 开源,深蓝cms小程序v2lzw

下面总结我遇到的几种情况：

编译opengl源码,vscode 怎么重命名文件,ubuntu视图太小,tomcat 启动线程数,爬虫与Excel,php 相差几个月,品牌seo系统代理项目平台,五级vip影视网站源码,phpcms v9 新建模板的调用lzw

1、某一内部元素width设为100%，然而它还有border的宽度，border的宽度不包含在width中，所以结果超了。

2、span行内元素，由于它是行内元素，不设display:block之类，宽度设定对它没用，当初弄的时候没有意识到这个问题，结果在谷歌浏览器没出现问题，在IE中这个就暴露出来了，严重超出屏幕宽度，后来把span设为display:block；再设下它的宽度，问题就解决了。

PS:对设置width：100%的元素要注意它的border、margin、padding，小心超出屏幕范围。

对于寻找超出屏幕范围的内部元素，我一般先把页面分为几大板块来排除目标（即删掉某板块，看剩余版块是否导致出现水平滚动条，若还是出现，则证明该板块正常，否则该板块为我们寻找的目标板块——“罪魁祸首”），再继续在导致超出的版块中继续询查，直到找到该内部元素为止。

这样的方法挺笨的，希望大家分享自己的经验，交流下怎样能快速找到导致页面内容超出的内部元素，O(∩_∩)O谢谢。