0

введите сюда описание изображения

тег hr выходит за пределы картинки (картинка добавлена через background-image)
css:

hr {
    position: absolute;
    top:auto;
    top: 90%;
    left: 0;
    width:100%;}

html:

<body>
    <header class="hd">
        <center>
            <hr>
            <a class="down" href="#down_"><h1>∨</h1></a>
        </center> 
    </header>
</body>
1
  • Можете полностью код дать с html?
    – HTO HOT
    11 июл 2022 в 16:24

1 ответ 1

2

У вас для hr задано свойство position: absolute, это значит, что hr находится вне потока, на его размеры не действуют другие элементы, кроме элемента c position: relative выше по вложенности. Если вы такое свойство не давали никакому элементу, значит размеры hr, в частности width: 100% зависят от элемента body.

Если вы хотите, чтобы hr не вылезал за пределы фона какого-то элемента (вы не указали какого, возможно это header?), вам нужно задать для header свойство position: relative, не забыв скорректировать свойство top у элемента hr.

Так же возможным решением будет свойство box-sizing: border-box для элемента hr. Из вашего кода и скриншота почти ничего не возможно понять.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.