css中margin属性的意义是什么

lewis 6年前 (2019-03-17) 阅读数 13 #程序编程

文章标签 css margin属性

css中margin属性的意义是外边距间隔属性，可以通过它来实现两个div之间的间距。

示例：

<!DOCTYPEhtml><html>
<head>
<metacharset="UTF-8">
<title>水平方向的两个盒子</title>
<style>
*{
margin:0;
padding:0;
border:0;
}
body{
font-size:0;
}
.left{
width:100px;
height:100px;
background:red;
display:inline-block;
margin-right:50px;
font-size:20px;
}
.right{
width:100px;
height:100px;
background:yellow;
display:inline-block;
margin-left:50px;
font-size:20px;
}
</style>
</head>
<body>
<div>宽为100px,右边距为50px</div>
<div>宽为100px,左边距为50px</div>
</body>
</html>