案例：CSS案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
<head>
3
​
4
<style type="text/css">
5
* {
6
  margin:0;
7
  padding:0;
8
  border:0;
9
}
10
​
11
#outer {
12
  width:300px;
13
  height:300px;
14
  background-color:red;
15
  margin-top:20px;
16
}
17
​
18
#inner {
19
  width:50px;
20
  height:50px;
21
  background-color:blue;
22
  margin-top:10px;
23
}
24
​
25
</style>
26
</head>
27
​
28
<body>
29
​
30
<div id="outer">
31
  <div id="inner">
32
  </div>
33
</div>
34
​
35
<p>注释：请注意，如果不设置 div 的内边距和边框，那么内部 div 的上外边距将与外部 div 的上外边距合并（叠加）。</p>
36
</body>
37
</html>
38
​