【CSS代码】
div {
margin-bottom: 20px;
}在上面的代码中，大家通过设置
元素的下外边距（margin-bottom）为20px来控制下间距。此时，该元素和其后面的元素之间的间距就会是20px。
需要注意的是，下间距的大小并不固定，它受到多种因素的影响，例如：
【CSS代码】
div {
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}在上面的代码中，大家对
元素同时设置了margin-bottom、padding-bottom和border-bottom属性。此时，下间距的大小就不仅仅是20px了，而是20px + 10px + 1px = 31px。因此，在页面布局中，大家需要考虑元素的内边距、边框和外边距等因素，以确保下间距的大小符合大家的设计要求。
当然，在某些情况下，大家也可以通过设置负的下外边距来实现一些特定的效果：
【CSS代码】
div {
margin-bottom: -10px;
}
p {
margin-top: -10px;
}在上面的代码中，大家分别对
和
元素设置了负的下外边距（margin-bottom和margin-top），这样它们之间的间距就会变窄。这个技巧在一些网页设计中也会比较实用。
总的来说，下间距是CSS布局中的一个非常重要的属性，大家需要掌握好它的使用方法，以优化页面布局效果。