OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

CSS的宽度包含Padding和Border的宽吗?


分享到


分类 所有文章   关键字 前端   发布 xiaoqiao  1400985626951
注意 转载须保留原文链接,译文链接,作者译者等信息。  
如题, 非常奇怪,我记得是不包含的,

.toolbar {
width: 98%;
height: 35px;
padding: 7px 10px 9px 10px;
}

但在CHROME的调试器里看到的DOM实际高度是19, 即: 35-7-9 = 19, 求解!

社区评论 ( Beta版 )
  • #0 kris 1401007369203

    IE过去使用非标准的“border-box"例子模型,此时width、height会包含border和padding的width/height;这不符合W3C的标准,但是编程方便;

    标准的box model的width/ height是不含线框和padding的;这也是Firefox/Chrome的默认模式,不过可以通过CSS来改成跟老IE一样的"border-box“的模式,如

    * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    

    你可以观察一下原来的CSS里有没有这样的语句。

OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 关键字 - 前端
  1. css去掉table的td单元格的间距cellspacing,设置隔行显示不同背景颜色
  2. 用JavaScript实现basename获取路径中的文件名
  3. 用纯CSS改变html radio/checkbox默认背景颜色样式
  4. CSS垂直水平完全居中手册
  5. 15个最好的HTML5前端响应式框架(2014)
  6. 我被问得最多的十个JavaScript前端面试问题
  7. 5个经典的前端面试问题
  8. 超简易——Bootstrap可关闭tab标签页
  9. CSS3实现的响应式字体:自适应视图窗口大小的新单位
  10. 用css禁用input、checkbox、select等html控件,实现disable效果

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号