开发者社区> 问答> 正文

absolute定位时top right bottom left全部为0;margin:auto;对margin的作用范围的疑问

这个黄色区域就是.container的margin的作用范围
看右边的属性,当t r b l全部为0时 margin可以无限朝4个方向延伸,从而保持元素自己在正中央
screenshot
screenshot
screenshot
问题是,为何margin在图2 图3的情况下,没有占据白色的区域呢?

展开
收起
杨冬芳 2016-06-21 15:40:27 3364 0
1 条回答
写回答
取消 提交回答
  • 码农|Coder| Pythonista

    这个方法是把margin设为auto,正常情况margin是0。
    当绝对定位时,为了满足l,r,b,t都为0,margin被拉伸而且上下左右相等所以居中。
    当l=0被取消时,container直接位置右移就能满足r=0,并不需要拉伸margin,所以左右margin默认为0。

    2019-07-17 19:44:59
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
Top 5 mistakes when wriiting a 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载