make div заполнить остальную часть обозревателя viewport

Question

, так что у меня нормальный макет 960px, я хочу добавить div, который может использовать 300px внутри этого 960, а остальная часть пространства (ширина браузера) я хочу заполнить этим div ... но всегда оставайтесь на одном и том же месте внутри обертки (им не говорят о вертикальном фиксированном элементе)

Могу ли я сделать это без использования javascript? но если Theres разве другой вариант его ок

Пример:

<div class="wrapper"> 
    <div class="fill">Something</div> 
</div> 

CSS:

.wrapper { 
    margin: 0 auto; 
    width: 960px; 
    background: #ddd; 
} 
.fill { 
    margin: 300px 0 0 0; 
    width: 300px; 
    background: red;  
} 

спасибо

Answer 1

Если я правильно понял, что вам нужно: попробовать эту скрипку

http://jsfiddle.net/jGmcV/show/
http://jsfiddle.net/jGmcV/ (источник)

это должно быть эффект, но Я разместил дополнительная обертка вокруг вашего wrapper. Ширина красного ящика внутри темного контейнера всегда составляет 300 пикселей независимо от размера окна просмотра.

Answer 2

Вы можете использовать запас налево: -10 %; и margin-right: -10%; Если я правильно понял.

или вы можете

.wrapper { 
    margin: 0 auto; 
    width: 960px; 
    background: #ddd; 
    position:relative; 
} 
.fill { 
    margin: 300px 0 0 0; 
    width: 300px; 
    background: red;  
    position:absolute; 
    top:0px; 
    left:-10%; 
}