div中右侧和左侧的静态边距，调整到屏幕分辨率

Question

我需要使用绝对div内的包装器来获得右侧和左侧的固定边距（它应该与相对一起使用，但我有限）。以下是使用不同屏幕分辨率的所需结果的图形：

我目前正在开展工作的是左边的“50px宽度”边距，但右边的“5px宽度”似乎它无法正常工作。

我听说有些事情javascript可能会有所帮助，但我找不到这种实现。

CSS：

.main_wrap{
width:100%
position:absolute;
}

.div_contener {
position:absolute;
height:400px;
border:1px solid blue;
left:50px;
width:100%
margin-right:5px;
width:100%
}

.div_sub_wrapper {
position:absolute;
width:100%;
}

HTML：

<div class="main_wrap">

<div class="div_sub_wrapper">

<div class="div_contener">
<p>sample words</p>
</div>
  </div>
     </div>

Fiddle

另一件事是，如果我使用contener类的固定大小，它不应该像现在这样100％宽度滚动。

Answer 1

您可以指定left和right css。如果width为auto，则会填充空格：

.div_container {
    left:50px;
    right:5px;
    width:auto;
}

http://jsfiddle.net/uxNzF/1/