Ширина CSS 100% не работает как ожидалось

Я пытаюсь создать баннер, который заполняет весь экран по горизонтали, но он не работает должным образом. Там есть какое-то пространство, которое не заполнено, как вы можете видеть здесь: http://i.imgur.com/12NrL7R.png Ширина CSS 100% не работает как ожидалось

Буду признателен за помощь, спасибо заранее!

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <title>Best webpage ever</title> 
    <link rel="stylesheet" type="text/css" href="stylesheet.css">  
</head>  
<body>  
    <div class="banner"> 
     <ul id="menu"> 
      <li><a href="#">Home</a></li> 
      <li><a href="#">Students</a></li> 
      <li><a href="#">XXX tuga</a></li> 
     </ul> 

    </div>  
    <div id="container"> 
     <div id="content"> 
      <p>cona</p> 
     </div>   
    </div>  
    <div class="banner">      
    </div> 
</body> 
</html> 

.banner{ 
    background-color: black; 
    width: 100%; 
    height: 200px; 
}

источник

2014-02-21 voxivoid

Для быстрого решения, вы можете добавить 'тело {край: 0; обивка: 0; } ', хотя было бы лучше использовать таблицу стилей сброса - http://meyerweb.com/eric/tools/css/reset/ или' Normalize.css' - http://necolas.github.io/normalize.css/ –

html, body { 
    margin:0; 
    padding:0; 
}

Попробуйте это, тело/html по умолчанию имеет отступы, так что вы можете попытаться удалить, что ...

источник

2014-02-21 13:58:24 user3256987

Вот и все !!!! спасибо человеку, я начал изучать HTML и CSS вчера: p – voxivoid

Без проблем, друг, если вы еще не проверили места, такие как: 'w3schools' и' CSStricks', они полезны и имеют классные мелочи :) – user3256987

body тег применяется некоторый интервал в большинстве браузеров. Обязательно иметь:

body { 
    margin: 0; 
    padding: 0; 
}

источник

2014-02-21 13:58:27 lucasnadalutti

добавить к вашей CSS:

body{ 
    padding:0px; 
}

дайте мне знать, если это помогает

источник

2014-02-21 13:58:59 Rickert

Ширина CSS 100% не работает как ожидалось

ответ

Смежные вопросы