当前位置: 编程技术>WEB前端
用div+css解决出现水平滚动条问题
来源: 互联网 发布时间:2014-09-06
本文导语: 十分郁闷的问题,看下我原来写的代码: 无标题文档 body{width:990px;} #head{height:95px;width:990px;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 居然出现了水平滚动条,问题是我定义的宽度才950px...
十分郁闷的问题,看下我原来写的代码:
居然出现了水平滚动条,问题是我定义的宽度才950px啊!最后还是在网友的帮助下,发现了原因:
1 可以直接把body的css改为:
body{width:990px; margin:0; padding:0;}
2 可以添加:
* {margin:0;padding:0;}添加后运行效果:
无标题文档
body{width:990px;}
#head{height:95px;width:990px;}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
居然出现了水平滚动条,问题是我定义的宽度才950px啊!最后还是在网友的帮助下,发现了原因:
1 可以直接把body的css改为:
body{width:990px; margin:0; padding:0;}
2 可以添加:
* {margin:0;padding:0;}添加后运行效果:
无标题文档
* {margin:0;padding:0;}
body{width:990px;}
#head{height:95px;width:990px;}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。