CSS Horizontale Regel für die volle Breite und die Bildschirmgröße einstellen ⇐ CSS

[Anonymous]

Ich bin wirklich daran festgefahren, im Grunde verwende ich WordPress und möchte, dass eine horizontale Linie über die Seite geht (aus dem Innenbehälter ausbricht). Diese Linie sollte sich an die Bildschirmgröße einstellen. Wenn Sie also die Linie vergrößern, sollte die Linie immer länger werden, im Grunde genommen eine Infinate -Linie. < /p>

Bisher, was ich geschafft habe, ist der folgende Code: < /p>

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

Dies sieht technisch gesehen gut aus, aber das Problem ist, dass ein Scroller am unteren Rand der Seite angezeigt wird, da die Breite auf 600% eingestellt ist. Want ist eine Infinate -Linie, die sich an die Bildschirmgröße anpasst. Wenn Sie also eine Bildschirmbreite von 1900px haben, sollte die Linie 1900px usw. sein.
< /code>

Um allen eine bessere Vorstellung davon zu geben, was ich möchte, schauen Sie sich nur Wire.com an, sie haben dicke graue horizontale Regeln, die die Site erweitern. Genau das möchte ich tun.