Горизонтальное правило CSS должно быть полной шириной и настроить размер экрана ⇐ CSS

[Anonymous]

Я действительно застрял с этим, в основном я использую WordPress и хочу, чтобы горизонтальная линия проходила через страницу (вырываясь из внутреннего контейнера). Эта линия должна приспособиться к размеру экрана, поэтому, если вы увеличиваете линию, должна продолжать становиться длиннее, в основном линейка неглух. < /p>

Пока мне удалось сделать следующий код: < /p>

.horizontalrule1 {
position:relative;
height:82px;
background: #f1f2f2;
overflow:hidden;
width:600%;
margin-left: -100%;
}
< /code>

Это технически выглядит хорошо, но проблема заключается в том, что он заставляет Scroller появляться в нижней части страницы, потому что ширина установлена ​​на 600% < /p>

, если я установил ширину на 100%, она не делает линию полной и останавливает ее в внутреннем контейнере, который составляет около 990px.. P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> P> PRITHS IT LOTCE IT LOTES IS FILY IS FILEST и останавливает его на внутреннем контейнере. Хочу - это линия инвизии, которая будет приспособиться к размеру экрана, поэтому, если у вас ширина экрана 1900px, линия должна быть 1900px и т. Д. < /p>

Надеюсь, это имеет смысл.
< /code>

Чтобы дать каждому лучшему представлению о том, чего я хочу, посетите только wwire.com, у них есть толстые серые горизонтальные правила, которые растягивают сайт. Это именно то, что я ищу.

Подробнее здесь: https://stackoverflow.com/questions/205 ... creen-size