Как вы получаете окно CSS, чтобы расширить всю ширину окна браузера? - PullRequest
Новая
       0

Как вы получаете окно CSS, чтобы расширить всю ширину окна браузера?

1 голос
/ 12 сентября 2010

Например, если вы посмотрите на Facebook, у них есть короткая синяя полоса сверху, которая расширяет всю ширину браузера. Я думал об использовании ширины: 100%; но я знаю, что для этого нужно иметь родительский элемент.

Ответы [ 2 ]

2 голосов
/ 12 сентября 2010

В одну сторону: 

<div style="position:absolute;left:0px;right:0px;height:20px">&nbsp;</div>
1 голос
/ 12 сентября 2010

Сам документ действует как родительский элемент.Div, по умолчанию, составляют 100% ширины их родителя.

Что вам, вероятно, нужно сделать, это не устанавливать поля или отступы для элемента body. 

<html> 
  <style>
    body { margin: 0; padding: 0; }
    #strip { background: #89f; padding: 5px; }
  </style>
  <body>
    <div id="strip">This is a nav strip</div>
  </body>
</html>

Демо в http://www.coffeepowered.net/projects/navstrip.html

Если вы используете CSS reset , то это должно сработать.

...