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 活动选择题。最多可以参加几个项目?
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据