慕数据5775487
margin:20px是指外边距,就是设置该元素外部其它元素距离这个元素都要有20像素的距离,
padding:20px是指内边距,就是设置该元素内部其它元素距离这个元素都要有20像素的距离,
obj.offsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。
简单写段简单代码帮你理解一下什么是盒子模型:试着把padding和margin的值改成0,看看结果就会明白了!希望能帮到你,加油!!!
<!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>