Полная ширина фона внутри div

Question

Полная ширина фона внутри div

0

Так что я:

<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;
}

asertym 22 сен. 2013, в 18:47

Источник

Теги:

html

css

4 ответа

0

Установите css на max-width:100%; max-height:100%; max-width:100%; max-height:100%;

Также читайте http://unstoppablerobotninja.com/entry/fluid-images

PMint 22 сен. 2013, в 17:42

0

вы можете установить размер фона, используя

background-size {
 Xpx Ypx;
}

или вы можете попробовать создать фон для контейнера полной ширины.

Skwisgaar 22 сен. 2013, в 14:12

0

Возможно, вы могли бы добавить left:0px; и попробуйте еще раз. Вы также можете попробовать использовать отрицательный запас или ширину более 100%. Надеюсь, это помогло;)

Tim Nikischin 22 сен. 2013, в 14:08

0

Нет, я пытался ...
asertym 22 сен. 2013, в 16:14

Ещё вопросы

mdesdev · Accepted Answer · 2013-09-22T14-08-00.000Z

Я не знаю весь ваш код, но вот скрипка

.full-width {
  background: #333;
  height: 50px;
  position: absolute;
  left: 0;
  margin-top: 100px;
  width: 100%;
  z-index: 100;
}

Может быть, это что-то с Bootstrap? Потому что я использую бутстрап ...
Я не использую фреймворки, не знаю.