3-2编程练习的问题

老师您好，根据内容提示其他的我都能完成，现在的问题是

我是使用一个大DIV包含2个中DIV，每个中DIV再包含3个小DIV实现的。

如果按照一个大DIV包含6个小DIV怎么实现2行3列的布局？现在学的东西多了，突然有点懵逼了，谢谢

难道是通过控制大DIV的宽度来让内容换行？

源自：float浮动 3-1 实战分析

收起

3回答

Miss路回答被采纳获得+3积分 2017-05-11 17:42:06

布局都是灵活的，你们上面讨论的方法都可以实现，我给你画个图：

棒棒糖勇士提问者 #1

非常感谢！老师这么一说就明白了

2017-05-11 20:50:42
OlafChou #2

方法一： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .boss{width: 300px; background-color: #fff; border:1px solid #000; overflow: hidden;} .one{width: 80px;height: 80px; border: 1px solid red; float: left;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;} </style> </head> <body> <div class="boss"> <div class="one"></div> <div class="one"></div> <div class="one"></div> <div class="one"></div> <div class="one"></div> <div class="one"></div> </div> </body> </html>

2017-05-18 07:41:25
OlafChou #3

老师我写了一个方法一，我感觉你说的不严谨，照你的做法，父级压根没有高度啊，因为子级已经浮动了

2017-05-18 07:42:19

是莫不是慕 2017-05-09 03:34:15

建议多重复观看老师的视频，听不懂的地方可以停下来琢磨老师讲的什么意思，也可以上网查一些资料

是莫不是慕 2017-05-09 03:32:10

3列的div给他设置浮动，float：left，3个div就从左到右排列了，
为了方便，给3个div设置一个类名，同时让它们3个div都具有浮动的效果

提问者棒棒糖勇士 #1

你好，3列的div设置浮动这样的，那就是一个大div包含了3个小div，每个div里面再包含2个图片元素？我看任务提示里面是说一个大div包含6个小div，6个小div都设置浮动的话，没办法弄成2行呀，除非规定了大div的宽度，我是这样理解的，你说的方法能具体给我一下简略的示意图吗？

2017-05-09 17:22:20