margin-right右边距失效

• 默认状态下的块级元素右边距是无效的 

  • 　　设置float（除了none以外的值）、display (inline-block，inline-flex，inline-grid，inline-table，inline-box，table)、position（absolute，fixed）之后会生效。

• 当父元素的宽度小于子元素的宽度时，子元素的右边距无效。 

  • 　　用scrollWidth取到的值也是不包括右边距的，跟盒模型的规则有点冲突，不知道算不算是BUG。通过设置display（inline-block，inline-flex，inline-grid，inline-table）可以让右边距生效。

　　　　　　　　如果非要子元素有右边距，可以这样：

　　　　　　        　　子元素设置右浮动，但会导致父元素的overflow失效。

　　　　　　　　　　子元素的左边距为auto，并且父元素的宽大于子元素的宽；

　　　　为子元素再加一个父级，然后为它设置一个跟子元素实际宽度相等的宽即可；或者，加一个兄弟元素，让它隐藏起来，宽度为实际宽度；或者设置子元素的display：inline-block,

转载于:https://www.cnblogs.com/angelaBeibei/p/7428436.html