博客
WebAcappella Fusion
语言
高级概念 / 高级教程 / 元素叠加(负边距)

元素叠加(负边距)

WebAcappella FUSION 允许使用某些 CSS 属性使元素垂直溢出到其他元素之外。此效果仅在测试模式和发布时可见。

经过几次尝试并结合本教程,您将自然掌握该原理,并能灵活运用它为页面增添活力。

让图像溢出框外

这里有两个框,第一个框(红色)中有图像,第二个框(蓝色)中有文本。

1 two boxes

首先,我在第二个框(蓝色)中留出空间,并设置顶部边距。

顶部内边距
2 个框

选择图片并应用负边距。

应用负边距

然后查看测试结果。

结果

负边距在编辑器中不可见,仅在测试和发布时显示。

CSS 中的负边距符合官方 CSS 规范,因此在所有当前浏览器中均有效。