<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>块级盒子的垂直外边距合并</title> </head> <body> <div style="margin-bottom: 50px;border: 2px solid black">块元素1</div> <div style="margin-top: 30px;border: 2px solid black">块元素2</div> <!--上下间距,取最大值,水平间距是累加的。--> <br/> <br/> <br/> <div style="margin-right:200px;float: left;width: 100px;border: 2px solid black" >块元素3</div> <div style="margin-left:50px;width: 100px;float: left;border: 2px solid black">块元素4</div> </body> </html>
html5第七课时,块级盒子的垂直外边距合并
最新推荐文章于 2023-03-19 23:48:26 发布