AMP HTML amp-user-notification CSS padding-right

Question

пытается настроить уведомление об использовании amp-user, но заполнение не работает. padding-right

amp-user-notification { 
 
     min-height: 30px; 
 
     font-family: 'Roboto'; 
 
     font-weight: 500; 
 
     line-height: 30px; 
 
     padding: 8px; 
 
     background: #46b6ac; 
 
    }

https://github.com/ampproject/amphtml/blob/master/examples/user-notification.amp.html

обивка: 8px; doenst работает для rgiht стороны. Я думаю, что родительский amp-элемент отображается: inline-block;

Как это исправить?

Спасибо!

Answer 1

Он работает просто отлично, просто добавление дополняет размер элемента, поэтому элемент переполняется. Вы должны либо вычесть отступы с вашей ширины/высоты, либо добавить box-sizing:border-box к указанному элементу.

padding in MDN

box-sizing in MDN