如何 - 右邊框的CSS背景

我在下面的示例中將圖像設置爲右邊框到#left時出現問題。目前邊框出現，但它的右側約爲200px，而右側爲500px。如何 - 右邊框的CSS背景

任何想法發生了什麼問題？

謝謝！

<html> 
<STYLE type="text/css"> 

#wrapper, #left, #right, .sub_box 
{ border: 1px solid black; } 

.sub_box 
{ float:left; } 

#left 
{ background: url("dots.gif") right repeat-y; } 
</STYLE> 

<div id="wrapper" style="width:882px"> 

<div id="left" style="width:500px;float:left"> 
    <div class="sub_box" style="width:200px"> 
    <p>sub box</p> 
      </div> 
    <div class="sub_box" style="width:200px"> 
      <p>sub box</p>   
      </div> 
    <div class="sub_box" style="width:200px"> 
    <p>sub box</p> 
      </div> 
</div> 

<div id="right" style="width:200px;float:right">  
    <p>Right column here</p> 
    </div> 

</div> 
</html>

來源

2012-04-26 rix

也許你錯過了«top»？背景：url（「dots.gif」）right top repeat-y; – podeig 2012-04-26 11:24:53

@rix嘗試我的答案我認爲這將解決您的問題。 – 2012-04-26 11:29:07

嗨，感謝您的回覆，但請嘗試一下代碼。這是行不通的！！ – rix 2012-04-26 11:41:57

試試這個...

background: url("dots.gif") 500px 0px repeat-y;

或調整，只要你想。

來源

2012-04-26 11:23:51

同意這應該工作。只有當我使用位置時：我是否看到邊框。使用x，y座標似乎不起作用..？ – rix 2012-04-26 12:07:15

@rix嘗試從右側，用戶490px或498px減少其位置，以滿足您的要求... – 2012-04-26 12:19:59

對此的答案是使用背景大小。使用它，我得到它的工作。用我的代碼試試你的答案，你會發現它不起作用。 – rix 2012-04-26 12:30:01

如何 - 右邊框的CSS背景

回答

相關問題