html - 在背景中偏移图像

Question

我知道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-25 像素。我怎样才能做到这一点？
谢谢。

Answer 1

如果我理解正确，我会在 row1 之前添加一个 div 来表示屏幕：

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

这将为您在设置大屏幕样式时提供更大的灵活性：

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

希望能帮助到你。