При верстке одного макета столкнулся с таким вопросом. Имеется блок-баннер, у которого заданы границы
и
1 border. Внутри этого блока располагается блок с текстом. Этот блок позиционируется абсолютно относительно своего блока-родителя.
1 padding
При задании CSS-параметров абсолютного позиционирования у меня возник вопрос - отчего же отсчитывается позиционирование для внутреннего блока? От границы
или 1
border
внешнего блока?1
padding
По памяти вспомнить не смог, поэтому быстро накидал обрацез-пример, чтобы увидеть, как это происходит на самом деле. Ниже привожу красочную картинку, в которой и так понятно все, без слов:
Ниже все же в двух словах опишу картинку.
Итак:
- внешний блок
имеет границу border шириной 10px,1
div
размером 20px и относительное позиционирование;1
padding
- внутренний блок
имеет абсолютное позиционирование -1
div
и1
top: 40px
.1
left: 40px
Так вот, внутренний блок позиционируется абсолютно внутри внешнего блока-родителя по его границе. При этом отступ
роли не играет, он не учитывается совсем. Вот и выяснил для себя этот вопрос.1
padding
На этом все.