為什么填充數值一樣，而效果卻不是想要的效果？？
width:100px;
height:100px; ? //寬高一樣
padding:10px ? //按照解釋，上右下左四邊填充都一樣，理論上到四邊的距離應該一樣，實際上效果卻不是
qq_夏日青楓_0
2016-03-15
2 回答
舉報
0/150
提交
取消
2016-03-15
因為你所填充的規則是寬=左邊界+左填充+內容寬度+右填充+有邊框+右邊界 ；高也是如此，所以要實際內容在中間就應該去掉所對應的內容像素長度就可以啦
2016-03-15
如果你的內容寬度加上兩個padding（20px）比你設置的容器的width（100px）還要小，那么你的padding-right就不是10px，而是width（100px）減去padding-left（10px）再減去內容的寬度，高度也是這個道理。