我为了实现两行三列的效果，设置了三级div。老师您看，这样编程符合要求吗
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 | <!DOCTYPE html><html><head> <!-- 此处编写样式 --> <style> #div1{ float:left; border:1px dashed gray; box-sizing:border-box; padding:20px 0px 0px 20px; } .div2{ float:left; border:1px solid gray; margin:0px 20px 20px 0px; } p{ margin:0px; text-align:center; } </style></head><body> <!-- 此处写代码 --> <div id="div1"> <!--两个div3之间是按照标准文档流排列--> <div id="div3"> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> </div> <!--两个div3之间是按照标准文档流排列--> <div id="div3"> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> <div class="div2"> <img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg"> <p>欢迎来到慕课网学习新知识！</p> </div> </div> </div></body></html> |
10
收起
正在回答
1回答
同学你好！这样写也是可以的呢，代码没有标准答案，效果实现了就是可以的。祝学习愉快~
相似问题
老师我的代码如何实现慕课网首页二级导航弹出的样式
1
0
6
老师，我想问一个问题！
0
0
4
表格嵌套可以达到表格合并的效果吗？
5
0
3
老师，为什么我无论怎么设置，第三级菜单还是只显示一行？
55
0
7
为什么我的三级目录不能挤到二级目录里？
90
0
4
登录后可查看更多问答，登录/注册
从网页搭建入门Java Web2018版
- 参与学习 人
- 提交作业 1088 份
- 解答问题 10204 个
如果你有Java语言基础，又想以后从事Java Web开发，那么本路径是你的不二选择！本路径从网页搭建开始入手，通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧