При прокрутке элемента с полосой прокрутки область сверху, образуемая свойством padding-top
, также, прокручивается. Каким образом можно сделать, чтобы между верхней частью элемента и контентом внутри, даже при прокрутке, всегда был отступ? Вот пример:
div {
width: 300px;
height: 200px;
padding-top: 10px;
border: 1px dotted black;
overflow: auto;
}
<div>Творчество любого поэта всегда уникально, особенно гениального. Марина Ивановна Цветаева, безусловно, относится к числу последних. Как и под чьим влиянием сформировался ее талант, что было главным в ее поэзии, какая философия лежит в основе ее творчества?
Цветаева очень глубокий поэт, сложный и многоплановый. Ее стихи сразу можно узнать по тому, как поэт обращается с языком: она слушает его, проговаривает один и тот же смысл разными словами и звуками, всматривается и вчитывается в каждое слово.</div>
Через before
с position: absolute
тоже не получается...
position: absolute
не решают проблемы. Вот пример этого: jsfiddle.net/bgmt35hz/4