Div zawierający mniejszego div'a który ma border na całą szerokość strony

Witam

Chciałbym się doradzić w jaki sposób mogę wyjść poza kontener żeby osiągnąć całą szerokość ekranu.
Przesyłam zrzut ekranu

Chodzi o to że div z klasą info jest w divi’ie który ma narzuconą mniejszą szerokość niż div nadrzędny.

W tym przypadku chciałbym żeby w połowie wysokości div’a info był border na całą szerokość strony czyli w tym przypadku “wrapper”.

Oczywiście mogę wyrwać div’a position absolute ale wtedy div’y pod divem info wejdą na jego miejsce.

position:relative na parenta i position:absolute na border :slight_smile:
edit: zostaw tego diva a skorzystaj z ::before lub ::after i nimi zrób linie :wink:

tzn.? bo border osiągnąłem dzięki span’owi który dałem przed div’em info lecz sięga tylko na szerokość tego kontenera :slight_smile:

Poczytaj o pseudoelementach ::before i ::after :wink: wtedy css robisz sobie element który robi za linie dzięki height:1px i wypełnieniu kolorem. Możesz go zrobić absolutnie w stosunku relatywnym do .info{position:relative} .info::before{… kod którym zrobisz linie, position:absolute}

1 polubienie