AMP HTML amp-user-notification CSS padding-right

时间:2016-03-17 17:20:32

标签: css padding amp-html

尝试设置amp-user-notification,但填充不起作用。 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-element显示:inline-block;

如何解决这个问题?

谢谢!

1 个答案:

答案 0 :(得分:1)

它工作正常,只是填充增加了元素的大小,因此元素溢出。您必须从宽度/高度中减去填充,或者将box-sizing:border-box添加到所述元素。

padding in MDN

box-sizing in MDN