margin:20px是指外邊距,就是設(shè)置該元素外部其它元素距離這個元素都要有20像素的距離,
padding:20px是指內(nèi)邊距,就是設(shè)置該元素內(nèi)部其它元素距離這個元素都要有20像素的距離,
obj.offsetLeft?指?obj?距離左方或上層控件的位置,整型,單位像素。
簡單寫段簡單代碼幫你理解一下什么是盒子模型:試著把padding和margin的值改成0,看看結(jié)果就會明白了!希望能幫到你,加油?。?!
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title></title>
<style>
#box1{
width:300px;
height:300px;
background:red;
padding:20px;
}
#div1{
width:100px;
height:100px;
background:deepskyblue;
margin:20px;
float:left;
}
#div2{
width:100px;
height:100px;
background:greenyellow;
float:left;
}
</style>
</head>
<body>
<div?id="box1">
<div?id="div1">div1</div>
<div?id="div2">div?2</div>
</div>
</body>
</html>