当地玩乐的布局是否可以参照 机酒自由行的布局?

当地玩乐的布局是否可以参照 机酒自由行的布局?

当地玩乐的布局是否可以参照 机酒自由行的布局?

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

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

2回答
好帮手慕星星 2022-03-31 13:44:14

同学你好,解答如下:

1、图6,7这样排列是因为图5下半部分占据了这一行的位置,导致图6,7从下一行开始排列

https://img1.sycdn.imooc.com//climg/6245396609b3764015670571.jpg

2、margin-top:-120px;的时候,图7与图6是重合是因为都设置了margin-top值。当只有图6设置的时候,例如:

下图是默认浮动效果

https://img1.sycdn.imooc.com//climg/62453ea409ace14906630531.jpg

给图6设置margin-top:-120px;的效果

https://img1.sycdn.imooc.com//climg/62453ed209e7a74006420518.jpg

图6上移,原来的位置没有内容,图7会向左移动占据图6原来的位置。如果图7也设置margin-top:-120px;那么图7也会上移,这样就与图6重合了。

自己再理解下。

好帮手慕星星 2021-11-04 18:32:54

同学你好,这两块结构都可以分为上下两部分,但是下半部分布局不能写为一样的。

机酒自由行中,可以分为两行,每个元素高度一致

https://img1.sycdn.imooc.com//climg/6183b64109e7fcb414050638.jpg

当地玩乐中不能分为两行,每个元素高度不一致,不能通过浮动来实现效果

https://img1.sycdn.imooc.com//climg/6183b670094f99bd13330532.jpg

所以课程中分为了三列显示。祝学习愉快!

  • 老师,以下是我只使用浮动后的效果,靠宽度挤元素来排版,但是我理解不了 为什么图6 图7是这么排列?

    https://img1.sycdn.imooc.com//climg/624524810948648016650845.jpg

    https://img1.sycdn.imooc.com//climg/6245248109a25bdf16450709.jpg

    https://img1.sycdn.imooc.com//climg/6245248109e0ea7e16070799.jpg


    2022-03-31 11:48:58
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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