0

Почему появляется полоса прокрутки по ширине, как её убрать?

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  font-family: sans-serif;
}

.formSubmit {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.result {
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
<form action="create.php" method="post" class="formSubmit">
  <label>
            <p>text</p>
            <input type="text" name="text">
            <input type="date" name="date">

            <input type="submit" value="submit">
        </label>
</form>

<div class='result'>
  <p>1</p>
  <p>2</p>
</div>

2
  • width: 100vw; уберите 29 ноя 2022 в 20:08
  • Потому что элементы тоже имеют высоту и ширину :)
    – ΝNL993
    30 ноя 2022 в 13:58

1 ответ 1

0

С учетом того, что под вашей формой с 100vh (занимающей весь экран по высоте) ниже лежит ещё и блок div.result, то логичнее всего добавить правило —
body { display: flex; flex-direction: column; }

upd: Прошу прощения, забыл сказать, что после того как назначен flex для body .formSubmit и .result больше не нуждаются в width: 100vw;. Удалите эти нюансы и всё станет на свои места.

2
  • Полоса прокрутки по ширине к сожалению никуда не делась
    – solomka
    4 дек 2022 в 15:28
  • Обновил свой коммент.
    – stylok
    4 дек 2022 в 16:37

Ваш ответ

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

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