案例: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