Sean_sc 2016-03-16 05:55 采纳率: 60%
浏览 2171

css布局一个div有两个子div，其中一个子div有内容的话就会下滑，这是为什么？怎么解决？

 <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        div.main{width: 90%;height:80px;background-color: #f19149}
        div.child1{display: inline-block;width: 30px;height: 30px;border: 1px solid lawngreen}
        div.child2{display: inline-block;width: 30px;height: 30px;border: 1px solid black}
    </style>
</head>
<body>
    <div class="main"><div class="child1">这里有内容就会下滑</div><div class="child2"></div></div>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-03-16 07:43
    关注
    
        div.child1 {
            display: inline-block;
            width: 30px;
            height: 30px;
            border: 1px solid lawngreen;overflow:hidden
        }
    评论

报告相同问题？

悬赏问题

  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记