穆穆青风至 2021-07-13 23:53 采纳率: 97.4%
浏览 20
已采纳

为啥两个子元素没有预期的并排

当前代码,box2的两个子元素只能竖着如图排列,为啥没有并排,如果给box2加了宽,他们才能并排了

  1. <html>
  2. <head>
  3. <style>
  4. div{
  5. width: 100px;
  6. height: 100px;
  7. }
  8. .box1{
  9. background-color: blue;
  10. }
  11. ![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/223014022626134.png)
  12. .box2{
  13. float: left;
  14. }
  15. .box2-son{
  16. background-color: chartreuse;
  17. float: left;
  18. }
  19. .box2-dau{
  20. background-color: red;
  21. float: left;
  22. }
  23. </style>
  24. </head>
  25. <body>
  26. <div class="box1"></div>
  27. <div class="box2">
  28. <div class="box2-son"></div>
  29. <div class="box2-dau"></div>
  30. </div>
  31. </body>
  32. </html>

展开全部

  • 写回答

3条回答 默认 最新

  • 崽崽的谷雨 2021-07-14 00:51
    关注

    因为div{width:100px;height:100px}你把所有div都设置100px。两个块并排是200px。box2放不下就换行了

    1. <html>
    2. <head>
    3. <style>
    4. /* div{
    5. width: 100px;
    6. height: 100px;
    7. } */
    8. .box1{
    9. background-color: blue;
    10. width: 100px;
    11. height: 100px;
    12. }
    13. .box2{
    14. float: left;
    15. }
    16. .box2-son{
    17. background-color: chartreuse;
    18. float: left;
    19. width: 100px;
    20. height: 100px;
    21. }
    22. .box2-dau{
    23. background-color: red;
    24. float: left;
    25. width: 100px;
    26. height: 100px;
    27. }
    28. </style>
    29. </head>
    30. <body>
    31. <div class="box1"></div>
    32. <div class="box2">
    33. <div class="box2-son"></div>
    34. <div class="box2-dau"></div>
    35. </div>
    36. </body>
    37. </html>

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

问题事件

  • 已采纳回答 7月14日
  • 创建了问题 7月13日

悬赏问题

  • ¥15 爱快路由器端口更改错误导致无法访问
  • ¥20 安装catkin时遇到了如下问题请问该如何解决呢
  • ¥15 VAE模型如何输出结果
  • ¥15 编译python程序为pyd文件报错:{"source code string cannot contain null bytes"
  • ¥20 关于#r语言#的问题:广义加行模型拟合曲线后如何求拐点
  • ¥15 fluent设置了自动保存后,会有几个时间点不保存
  • ¥20 激光照射到四象线探测器,通过液晶屏显示X、Y值
  • ¥50 数据库开发问题求解答
  • ¥15 安装anaconda时报错
  • ¥15 小程序有个导出到插件方式,我是在分包下引入的插件,这个export的路径对吗,我看官方文档上写的是相对路径
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部