0

私はcssが非常に悪いことを知っています。助けが必要です。
私は他の要素を持つdivを持っています:

<div class="place_section" style="height:375px;" data-session="3" data-client="2">
   <div class="row">1</div>
     <div id="3" class="place place_type1" data-place="[l=1;f=0;r=1;p=1]">
       <div class="center_chair">
         <span class="left_chair"></span>
         <span class="right_chair"></span>
       </div>
     </div>
   // other divs
</div>

これは次のcssとおりです。

.place_section {
    background: url("/content/images/screen_bg.png") 0 0 repeat-x;    
    margin: 0 auto;
    margin-top: 40px;
    position: relative;
}

これは、どのように見えるかのスクリーンショットです: ここに画像の説明を入力

画像(青い線)を右に約20〜25pxオフセットしたい。これどうやってするの?
ありがとう。

4

1 に答える 1

0

私があなたを正しく理解しているなら、私は画面を表すためにrow1の前にdivを追加します:

<div class="place_section">
  <div class="big_screen">
  <div class="row"> ... </div>
  <div class="row"/>... </div>
</div>

これにより、big_screenのスタイルを設定する際の柔軟性が大幅に向上します。

.big_screen {
  background: url("/content/images/screen_bg.png") 0 0 repeat-x;    
  margin: ...;    
}

それが役に立てば幸い。

于 2012-04-09T12:47:43.903 に答える