HTML Top Bar background stretch

Question

Как вы кодируете html или css для создания верхнего бара, возможно, с цветом фона красного цвета, который будет растягиваться по размеру экрана?

Например, это то, что я обычно делаю, чего я не мог достичь, чего хочу. Ниже приведен пример того, что я сделал бы в своем css.

#topbar { 
     background-color:red; 
     width:1400px; 
     height:50px; 
} 

В этом случае красная полоса цвета будет срезана в верхнем левом углу. Что мне делать в html/css, чтобы угол не был отключен?

Answer 1

попробовать это

http://jsfiddle.net/JVbry/3/

*{ 
    margin:0; 
    padding:0; 

} 
#topbar { 
     background-color:red; 
     width:100%; 
     height:50px; 
} 

Answer 2

попробовать этот

#topbar { 
    background-color:red; 
    width:100%; 
    height:50px; 
} 
* { 
    margin:0px; 
    padding:0px; 
} 

Если вы передадите ширину в пикселях, то он не будет работать на всех экранах. Лучше использовать% ширину, чтобы она автоматически регулировалась с шириной экрана.

Answer 3

Если я вас правильно понял ... Html

<div id="header"> 
    <div id="nav> 
    </div> 
</div> 

Css

html, body { 
    margin: 0; 
    padding: 0; 
} 
#header { 
    width: 100%; 
    background: red; 
} 
#nav { 
    margin-left: auto; 
    margin-right: auto; 
}