微信小程序开发之——margin-left=auto 为什么可以使元素靠右

发表于 分类于 ， ， 阅读时长 ≈ 1 分钟

一 效果对比

不设置margin-left 设置margin-left

二 原因分析

1
'margin-left' + 'border-left-width' + 'padding-left' + 'width' + 'padding-right' +'border-right-width' + 'margin-right' = width of containing block
  • 左外边距+左边框宽度+左内边距+容器宽度+右内边距+右边框宽度+右外边距=容器宽度
  • 不设置默认为0，单独设置了margin-left，顾左外边距等于剩余容器的宽度

三 参考

  • Segmentfault-margin-left: auto;为什么可以使的元素靠右