Question

所以，我有简单的CSS，但问题很大......

.separator a img {
  width: 100%;
  height: auto;
  padding: 12px;
}

结果是：this

正如您在图像上看到的那样，阴影显示在图像的填充上，但我希望它在图像上显示。

我想做this但也要保留填充。

有什么想法吗？

Answer 1

您正在寻找margin CSS property。填充在边框的内部，而边缘在外面。

由于阴影是（我假设）通过box-shadow应用，因此边距将位于其外部，阴影将直接显示在图像附近。

尝试将padding: 12px更改为margin: 12px。

Answer 2

尝试使用margin代替padding。将padding视为＆＃39;内部＆＃39;框，margin作为框和页面上其他内容之间的空格。