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

小提琴

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

Answer 1

您可以指定 aleft和rightcss。如果width是auto，它将填充空间：

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

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