2013-06-30 49 views
0

我需要使用絕對div內的包裝來獲得固定的邊距到左側和右側(它應該適用於相對,但我是有限的)。這裏是理想的結果,使用不同的屏幕分辨率的圖形:在一個div中的左側和右側的靜態餘量,調整到屏幕分辨率

enter image description here

什麼我目前得到工作是左邊的「50像素寬度」保證金,但對「5像素寬」好像它不起作用

我聽說有些東西的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%的寬度滾動。

回答

0

您可以指定leftright css。如果widthauto它將填補空間:

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

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

+0

感謝回答@nicholas,definetively,自動填充相同。但是,當應用正確的5px我沒有從圖形中獲得所需的結果。當然它的邊距是5px,但是邊框不在邊緣,它也滾動。但謝謝你的答案 –

相關問題