背景圖像 - 填充更改背景的大小（使用顯示塊）

Question

當您更改填充（頂部，底部）時，它也更改（添加10px）背景的高度。我怎樣才能解決這個問題？縱向來看，它似乎運作良好。

http://jsfiddle.net/VyYB7/3/

我已經加入填充到我的文字/內容。的

Answer 1

使用保證金代之以（或另外）填充，就像這樣：

margin: 10px 0; 

---

編輯

同時使用的填充和保證金（以便文本會被填充）：

margin: 10px 10px; 
padding: 0 10px; 

Answer 2

查看CSS background-origin和background-clip屬性。將它們設置爲任何可以將背景錨定在正確位置的作品（可能爲content-box）。