При верстке одного макета столкнулся с таким вопросом. Имеется блок-баннер, у которого заданы границы

1
border
и
1
padding
. Внутри этого блока располагается блок с текстом. Этот блок позиционируется абсолютно относительно своего блока-родителя.

При задании CSS-параметров абсолютного позиционирования у меня возник вопрос - отчего же отсчитывается позиционирование для внутреннего блока? От границы

1
border
или
1
padding
внешнего блока?

По памяти вспомнить не смог, поэтому быстро накидал обрацез-пример, чтобы увидеть, как это происходит на самом деле. Ниже привожу красочную картинку, в которой и так понятно все, без слов:

Абсолютное позиционирование

Ниже все же в двух словах опишу картинку.

Итак:

  • внешний блок
    1
    
    div
    
    имеет границу border шириной 10px,
    1
    
    padding
    
    размером 20px и относительное позиционирование;
  • внутренний блок
    1
    
    div
    
    имеет абсолютное позиционирование -
    1
    
    top: 40px
    
    и
    1
    
    left: 40px
    
    .

Так вот, внутренний блок позиционируется абсолютно внутри внешнего блока-родителя по его границе. При этом отступ

1
padding
роли не играет, он не учитывается совсем. Вот и выяснил для себя этот вопрос.

На этом все.


ESLint: TypeError: this.libOptions.parse is not a function

В новом учебном проекте под [NestJS](https://nestjs.com/) столкнутся с такой ошибкой в WebStorm - **ESLint: TypeError: this.libOptions.pa...… Continue reading

Ubuntu - проблема с KVM Switch

Published on September 12, 2022

WebStorm - hotkeys

Published on June 13, 2022