為什么我設(shè)置了padding：50px;而內(nèi)容不是居中，邊框不是正方形而是長(zhǎng)方形？
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
? ? /*width:100px;
? ? height:100px;*/
? ? padding:50px;
? ? border:1px solid red;
}
</style>
</head>
<body>
<div id="box1">盒子1</div>
</body>
</html>
2018-05-15
padding是內(nèi)容距離左邊框50px，因?yàn)槟愕膬?nèi)容太短了，所以看不出來(lái)離右邊框多遠(yuǎn)，你多輸入幾十個(gè)字，看看效果就知道了。你把寬度和高度注釋了，所以不是正方形，你把注釋去掉再試一試。
/*width:100px;
? ? height:100px;*/
2018-05-15
padding是內(nèi)容和邊框的距離,和你文字沒(méi)關(guān)系。
2018-05-15
內(nèi)容居中用align，盒子的形狀用width和height來(lái)控制，padding是內(nèi)容和邊框的距離
2018-05-15
容器居中（box1）：box1先絕對(duì)定位;left(或是right):50%;margin-left(right):-50xp(就是你容器的寬度的一半)；
或直接內(nèi)容居中就行了（text-align: center;）