如何在 div 的右侧设置背景图像并从右侧设置填充而不定义与左侧的固定距离?例如,我想将图像设置在 div 的右侧,并且始终从右侧有 20px 的填充。
div 的宽度并不总是相同的,这就是为什么我不能定义确切的位置。我只希望它在右侧有精确的 20px 填充,无论 div 的宽度是多少。
我正在尝试以下代码,但它不起作用。
HTML:
<div>Title</div>
CSS:
div{
background: url(gowalla.png) no-repeat right center;
width: 400px;
border: 1px solid red;
padding: 20px;
}
演示:http: //jsfiddle.net/mQGcF/