欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

你真的会用padding了吗???

程序员文章站 2024-03-12 16:51:14
...

如果你对margin、padding还不是很了解的话,请看看以下这篇文章。
文章链接

使用 padding 的时候,你是否知道它会影响盒子的高度和宽度。

首先定义100px,200px两个方框。
你真的会用padding了吗???
想法是:设置橙色方框的内边距50px——padding:50px; , 使得红色方框居中显示

 padding:50px;

你真的会用padding了吗???
可看出,改变了边框的高和宽

**解决方法:**设置为最终盒子的大小

box-sizing: border-box;

你真的会用padding了吗???

相关标签: 学以致用 css