Так что я:
<div class="wrapper">
<div class="full-width">
<div class="header">
<a href="">
<img src="img/logo.png" alt="Logo" class="logo img-responsive" />
</a>
<nav>
<ul class="nav nav-pills">
<li><a href="">Moden Web Design</a></li>
<li><a href="">Prices</a></li>
<li><a href="">Demonstration</a></li>
<li><a href="">Contact Us</a></li>
</ul>
</nav>
</div>
</div>
</div>
внутри <div class="wrapper">
, который имеет width:1100px;
, Поэтому возникает вопрос, могу ли я как-то сделать div class="full-width"
с полным фоном ширины... Потому что он останавливается на полях .wrapper
.
Я пробовал этот метод, но он не работает:
.full-width {
height:50px;
position:absolute;
width:100%;
z-index:100;
}
Я не знаю весь ваш код, но вот скрипка
.full-width {
background: #333;
height: 50px;
position: absolute;
left: 0;
margin-top: 100px;
width: 100%;
z-index: 100;
}
Установите css на max-width:100%; max-height:100%;
max-width:100%; max-height:100%;
Также читайте http://unstoppablerobotninja.com/entry/fluid-images
вы можете установить размер фона, используя
background-size {
Xpx Ypx;
}
или вы можете попробовать создать фон для контейнера полной ширины.
Возможно, вы могли бы добавить left:0px;
и попробуйте еще раз. Вы также можете попробовать использовать отрицательный запас или ширину более 100%. Надеюсь, это помогло;)