qq_夏日青枫_0
2016-03-15 08:38
width:100px;
height:100px; //宽高一样
padding:10px //按照解释,上右下左四边填充都一样,理论上到四边的距离应该一样,实际上效果却不是
因为你所填充的规则是宽=左边界+左填充+内容宽度+右填充+有边框+右边界 ;高也是如此,所以要实际内容在中间就应该去掉所对应的内容像素长度就可以啦
如果你的内容宽度加上两个padding(20px)比你设置的容器的width(100px)还要小,那么你的padding-right就不是10px,而是width(100px)减去padding-left(10px)再减去内容的宽度,高度也是这个道理。
初识HTML(5)+CSS(3)-升级版
1225806 学习 · 18234 问题
相似问题