CSS 元素向上偏移 100 像素的方法

以下哪些方式可以让元素向上偏移 100 像素?

A. margin-top: -100px B. transform: translateY(-100px) C. position: relative; top: -100px D. border-top-width: -100px

正确答案：

B. transform: translateY(-100px) C. position: relative; top: -100px

解释：

• transform: translateY(-100px) 使用 CSS transform 属性中的 translateY() 方法，可以将元素沿 Y 轴方向平移 -100 像素，从而实现向上偏移的效果。

• position: relative; top: -100px 将元素的定位方式设置为相对定位 (position: relative)，并设置 top 属性为 -100px，可以将元素相对于其正常位置向上偏移 100 像素。

其他选项：

• margin-top: -100px 可以实现向上偏移，但会影响元素周围的布局。
• border-top-width: -100px 无法实现向上偏移，因为边框宽度不能为负值。