Я создаю сообщение о статусе вида в javascript, а в div "compose a post" имеется текст с центром, который гласит: "Введите текст здесь" (с поддержкой контента) и когда вы вводите новую строку в этом тексте, div расширяется. Однако он не сохраняет пространство между текстом и нижней частью div. Как я мог сохранить пространство между текстом и дном div при расширении страницы? Благодарю!
Добавьте дополнение к #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;
}
Используйте прокладку, чтобы получить интервал вокруг вместо того, чтобы использовать относительное положение и сделать третий элемент блока диапазона.
#thirdspan{
color: black;
font-family: 'Roboto';
padding: 20px;
display: block;
}
См. Jsfiddle.