本文目录导读：
直接设置固定值使用简写属性 margin特殊值负边距示例场景注意事项在 CSS 中设置元素的上边距（即元素顶部与相邻元素或父元素之间的距离）可以通过 margin-top 属性实现,以下是具体方法：
直接设置固定值.element {
margin-top: 20px; /* 像素单位 */
margin-top: 1em; /* 相对父元素字体大小 */
margin-top: 5%; /* 百分比（相对于父元素宽度） */
}使用简写属性 margin.element {
margin: 10px 0 0 0; /* 上 右 下 左 */
margin: 20px auto; /* 上下20px，左右自动（常用于水平居中） */
}特殊值auto：让浏览器自动计算（通常用于水平居中）：.element {
margin-top: auto; /* 仅在 Flex/Grid 布局中有效 */
}0：移除上边距：.element {
margin-top: 0;
}负边距允许元素向上重叠：
.element {
margin-top: -10px; /* 向上移动10px */
}示例场景
内容
注意事项百分比单位：margin-top: 5% 是相对于父元素宽度计算,而非高度。内联元素：margin-top 对span>等内联元素可能不生效，需改为display: inline-block`。通过调整 margin-top,可以***控制元素在垂直方向上的间距。
本文地址：https://www.html4.cn/css/157054.html版权声明：除非特别标注，否则均为本站原创文章，转载时请以链接形式注明文章出处。