[分享]css中div空出一部分高

.example { margin-top: 50px; /* 这里是上边距 */ margin-bottom: 100px; /* 这里是下边距 */ background-color: #ccc; }

在CSS中，我们可以使用margin属性来设置

但是，有时候我们需要设置一个

，使其与其他元素之间保持一定的高度差。

此时，我们可以使用margin-top和margin-bottom属性来分别设置元素的上/下边距。

例如，下面的代码会在

，在其下方空出100px高度：

.example {
    margin-top: 50px;
    margin-bottom: 100px;
} 

通过合理的利用margin属性，我们可以轻松地调整元素的间距，使页面更具美观性和易读性。