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

Question

Мне нужно позиционировать цвет, который имеет высоту 50px, но он идет от среднего контейнера к левому концу страницы.

Есть ли левая ширина на 100% для выбора типа?

Вот пример, так что вы знаете, что я имею в виду ...

Сайт вписывается в ширину 960 пикселей, но сплошной цвет должен растягиваться на левой стороне.*

Answer 1

См .: http://jsfiddle.net/thirtydot/HjrcT/

li, li:before {
    height: 25px;
}
li {
    position: relative;
    width: 200px;
    background: #777
}
li:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 9999px;
    left: -9999px;
    top: 0;
    background: #f0f
}

IE7 не поддерживает :before, поэтому, если вам это нужно для работы в этом адском браузере, :before должен быть заменен на <span>: http://jsfiddle.net/thirtydot/HjrcT/1/

Answer 2

Здесь немного другой подход с использованием div ширины 50%, который находится позади контейнера.Цвет панели совпадает с div меню и создает иллюзию, что они одно и то же.

http://jsfiddle.net/F74cT/1/