Html 将背景图像放置在其自身元素的边距中-这可能吗？

我有一个锚项目周围的利润。我想在页边空白处粘贴一张背景图片。你能做到吗？它可以使用填充，但需要使用边距。注意，jquery正在将.active类添加到链接中。也许用盒子大小

HTML

使用填充后-工作：

nav {max-width: 960px; margin: 0 auto; padding:0 15px}
nav a {padding: 20px 35px 20px 0; color:#48718c; text-transform:uppercase;      text-decoration:none !important; font-size:11px; float:left}
nav a.arrow_me.active {background: url(../img/arrow.png) no-repeat 50px 35px;}
nav a:hover, nav a.active, #menuFilter a.current, #menuFilter a:hover {color:#cdcdce}

---

填充物在里面，这就是它工作的原因

---

边距在外部，想象它在不可见的边框中。

否，因为边距附着到元素时，它无法显示其内容

下面是一个演示实际效果的示例

请注意，尽管背景图像较大，但它不能超出边界

这段代码将显示Wikipedia徽标在到达myDiv边界时在左侧和底部被裁剪掉

---

填充可以显示位于边框内的背景图像，但边距只是元素和其他元素之间的强制间距。下面看一下右边的

，但是还有其他地方可以做吗？我不确定是否有。你知道有什么把戏吗？据我所知没有，对不起！你想达到什么目的？也许有更好的方法可以做到这一点？填充物可以很好地工作，但最好是边距。我真的不想放弃并定位一个div。所以我会坚持填充，除非有人能解决边距问题。

nav {max-width: 960px; margin: 0 auto; padding:0 15px}
nav a {margin: 20px 35px 20px 0; color:#48718c; text-transform:uppercase;     text-decoration:none !important; font-size:11px; float:left}
nav a.arrow_me.active {background: url(../img/arrow.png) no-repeat 50% 35px;}
nav a:hover, nav a.active, #menuFilter a.current, #menuFilter a:hover {color:#cdcdce}

nav {max-width: 960px; margin: 0 auto; padding:0 15px}
nav a {padding: 20px 35px 20px 0; color:#48718c; text-transform:uppercase;      text-decoration:none !important; font-size:11px; float:left}
nav a.arrow_me.active {background: url(../img/arrow.png) no-repeat 50px 35px;}
nav a:hover, nav a.active, #menuFilter a.current, #menuFilter a:hover {color:#cdcdce}

#myDiv {
    width:50px;
    height:50px;
    padding:10px;
    margin:20px;
    border:solid 1px red;
    background-image:url('http://upload.wikimedia.org/wikipedia/en/b/bc/Wiki.png');
}