22:38-22:51问一个问题

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕码 2020-08-25 10:15:14

同学你好,解答如下:

1、margin-left为正值的时候,往右移动,为负值的时候就会往左移动的,右边同理。另,设置margin-left:-15px之后,两个row都会往左移动15个px; (红色为子级row移动、绿色为父级row移动)

col-3本身有padding-left:15px的空隙,那么子级row移动的距离正好填满col-3,而父级row移动的距离会溢出去:

http://img1.sycdn.imooc.com//climg/5f4472a409c4eb3e10330399.jpg

2、col-3里面的row只会填满父级row,不会向外溢出,即填满的是这一部分:

http://img1.sycdn.imooc.com//climg/5f44731c09e7541a01670124.jpg

而父级row才会向外溢出,即如下这部分:

http://img1.sycdn.imooc.com//climg/5f44735a091d64d501700157.jpg

因此,container只需要padding-left:15px即可。同学再理解一下。

祝学习愉快~

提问者 陈立天 2020-08-24 21:45:23

这里应该是有30px的padding才对把?

http://img1.sycdn.imooc.com//climg/5f43c02809fe0eee11250995.jpg

那么margin15 怎么会填满呢?

  • 提问者 陈立天 #1
    两个row同时margin15 不也还是剩15padding么 怎么实现的填满的?
    2020-08-24 21:46:16
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师