第二十三节 margin合并实例
作者：互联网
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Document</title>
6 <style type="text/css">
7
8 .box{
9 width:500px;
10 margin:50px auto 0;
11 border:1px solid #000;
12 }
13 .box div{
14 margin:20px;
15 }
16
17 </style>
18 </head>
19 <body>
20 <div class="box">
21 <div>当两个垂直外边距相遇时，他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
22
23 <div>当两个垂直外边距相遇时，他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
24
25 <div>当两个垂直外边距相遇时，他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
26
27 <div>当两个垂直外边距相遇时，他们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大值</div>
28 </div>
29 </body>
30 </html>
标签：两个,第二十三,合并,高度,相遇,实例,外边,margin 来源： https://www.cnblogs.com/kogmaw/p/12420653.html