Как сохранить интервал текста в div постоянным даже с минимальной высотой (JavaScript)

0

Я создаю сообщение о статусе вида в javascript, а в div "compose a post" имеется текст с центром, который гласит: "Введите текст здесь" (с поддержкой контента) и когда вы вводите новую строку в этом тексте, div расширяется. Однако он не сохраняет пространство между текстом и нижней частью div. Как я мог сохранить пространство между текстом и дном div при расширении страницы? Благодарю!

  • 0
    Вы пытались добавить padding-bottom к #body?
  • 0
    #body {обивка-дно: 5px}
Показать ещё 1 комментарий

2 ответа

0
Лучший ответ

Добавьте дополнение к #body:

#body {
    ...
    padding: 20px;
}

Удалите следующие свойства из #thirdspan:

position: relative;
top: 20px;
left: 20px;

И добавьте box-sizing в #body:

#body {
    ...
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
  • 0
    Измените #body на тело. Но вам не нужно это для этого решения.
  • 0
    Нет, тело - это тело.
Показать ещё 2 комментария
0

Используйте прокладку, чтобы получить интервал вокруг вместо того, чтобы использовать относительное положение и сделать третий элемент блока диапазона.

#thirdspan{
    color: black;
    font-family: 'Roboto';
    padding: 20px;
    display: block;
}

См. Jsfiddle.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню