案例:CSS案例     状态:可编辑再运行    进入横版
x
<p>注释:请注意,如果不设置 div 的内边距和边框,那么内部 div 的上外边距将与外部 div 的上外边距合并(叠加)。</p>
 
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

 运行结果 
 北美留学生论坛