一个元素 width 的宽度包括了内部出现滚动条的宽度。
![](https://box.kancloud.cn/2016-03-10_56e0d62f1eac5.png)
![](https://box.kancloud.cn/2016-03-10_56e0d62f301fa.png)
深绿色为body背景色。
蓝色部分宽度不是200,而是183px,加上旁边的**17px**(*chrome横纵向的滚动条都为17px,有待探究是不是所有浏览器一至*)的滚动条才是200px。
- 序
- 开发自己的博客
- 面试集合
- 基础
- 1、JavaScript
- js技巧
- 2、CSS
- position之absolute
- em与rem
- inline-block
- background
- 圆角、透明度、渐变
- 关于css中的0和none
- css display:none小结
- z-index小结
- 理解滚动条
- 有关@font-face的问题
- 3、HTML
- URI中依赖协议的URL
- 4、MySQL
- limit使用
- 5、jQuery
- 6、移动Web开发
- 设计稿与分辨率
- 字体
- 图片的自适应
- 7、前端布局bug问题(!<=IE8)
- SEO与页面结构
- seo
- vsphere 虚拟服务器
- 代码里的彩蛋(神注释)
- 玩转HTML5移动页面
- 知识梳理
- JS 键盘码
- 其他资源记录
- temp
- TODO
- 简单有趣的库😎
- xx