当前位置:  开发笔记 > 前端 > 正文

在DIV内填充

如何解决《在DIV内填充》经验,为你挑选了1个好方法。

为什么添加一些填充会影响DIV框外的元素?填充不应该创建DIV和内容的边界之间一些空间里面呢?如何创建此空间而不影响DIv框外的元素?



1> Danield..:

如何创建此空间而不影响DIv框外的元素?

使用 box-sizing: border-box

来自MDN:

border-box width和height属性包括填充和边框,但不包括边距.

必须设置此属性的原因是默认情况下为box-sizingis 的值content-box.再次来自MDN:

content-box这是CSS标准指定的默认样式.测量宽度和高度属性仅包括内容,但不包括填充,边框或边距.

推荐阅读
ifx0448363
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有