0

以下の例では、画像を右側の境界線として #left に設定する際に問題が発生しています。現在、境界線は表示されていますが、右に 500 ピクセルではなく、約 200 ピクセル右にあります。

何がうまくいかないのですか？

ありがとう！

<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>
4

1 に答える 1

0

これを試してみてください...

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

または、必要に応じて調整します。

于 2012-04-26T11:23:51.613 に答える