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

Question

[Kirill Nerov]

https://ibb.co/dgR6Py - ссылка на тот сайт, о котором говорится выше. Я только начал осваивать веб и вообще программирование, не бейте сильно, плес

Comments

[Kirill Nerov]

Вернее на скрин сайта*

[Dymok]

Можно открыть инструменты разработчика (F12), кликнуть на иконку курсора (Ctrl+Shift+C) и просмотреть разметку и стили интересующего объекта

[Kirill Nerov]

Dymok, кликал, искал эту линию, но не смог найти. Вот сам сайт, если сможешь найти, буду очень благодарен
https://yummyanime.com

[Dymok]

Kir_N, какая именно линия? Весь header?

[Kirill Nerov]

Dymok, да, я просто ещё плохо в этом освоился, эти две линии, которые идут сверху и снизу от ссылок: Главная , новости и тд

[Dymok]

Kir_N, вот эти стили

.header {
    border-top: 3px solid #f66;
    border-bottom: 3px solid #f66;
}

[Kirill Nerov]

Dymok, как, хотя я сам пойму, спасибо большое:D

[Kirill Nerov]

Dymok, стили-то те, но за границы всё равно не вышло, спасибо большое

[Dymok]

Kirill Nerov, значит ваш блок лежит в блоке, ограничивающем ширину. Чтобы было проще, можете залить код в песочницу (codepen, например)

[Kirill Nerov]

Dymok, уже заметил, спасибо

Answer 1

[Максим Тимофеев]

обычный блок с шириной 100%, ширина рассчитывается от родителя, так думайте где этот блок разместить. Блоку заданы верхний и нижний border (Вы называете их линиями).

Comments

[Kirill Nerov]

Спасибо, уже нашёл

[Максим Тимофеев]

Kirill Nerov, пожалуйста