2013-08-05 27 views
0

這是我的代碼:4背景,底部有不需要的填充?

.borderwidth 
     { 
      width:400px; 
      height: auto; 
      padding:1px; 

       background-image: url(http://static.tumblr.com/sredvmb/rnImr27ij/topbottom.gif), url(http://static.tumblr.com/sredvmb/rnImr27ij/topbottom.gif), url(http://static.tumblr.com/sredvmb/GZBmr27hw/leftright.gif), url(http://static.tumblr.com/sredvmb/GZBmr27hw/leftright.gif); 
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; 
    background-position: right top, left bottom, left center, right center; 
     } 

.border 
     { 

     } 

的事情是,底部已經得到21px填充..事實是,這兩個因素並不在代碼觸摸任何其他標記要麼。

的HTML:

<div align="center" class="borderwidth"><div class="border"><img width="100%" height="100%" src="http://www.w3schools.com/images/w3schoolslogoNEW310113.gif"></div> 

建議?一直堅持太長時間,發現自己

回答

0

我只使用你提供的代碼建立了一個測試例子,似乎沒有被任何填充問題的答案。你確定你沒有任何其他造成你的問題的造型嗎?