AdorableWowser 2015-07-21 04:29 采纳率: 50%
浏览 4285
已采纳

在display:inline-block的里的div里插入p标签,导致div下移。

效果图片

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body,div,p{
            margin: 0;
            padding: 0;
        }
        .div1{
            width: 200px;
            height: 50px;
            background-color: #66ccff;
            text-align: center;
        }
        .div2{
            width: 80px;
            height: 50px;
            background-color: #cc0000;
            display: inline-block;
        }
        .p1{
            width: 80px;
            text-align: center;
            font-size: 15px;
            background-color: greenyellow;
        }
    </style>
</head>
<body>
    <div class="div1">
        <div class="div2">

        </div>
        <div class="div2">
        <p class="p1">哈哈哈</p>
    </div>
    </div>
</body>
</html>

在.div2的CSS里加入{overflow:hidden;}可以解决安卓设备的chrome和PC上的浏览器,但是在苹果手机的浏览器里依旧没解决。

  • 写回答

2条回答 默认 最新

  • xzlLover 2015-07-21 05:44
    关注

    图片说明 改成这样试一下

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

报告相同问题?

悬赏问题

  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 寻一个支付宝扫码远程授权登录的软件助手app
  • ¥15 解riccati方程组
  • ¥15 display:none;样式在嵌套结构中的已设置了display样式的元素上不起作用?
  • ¥15 使用rabbitMQ 消息队列作为url源进行多线程爬取时,总有几个url没有处理的问题。
  • ¥15 Ubuntu在安装序列比对软件STAR时出现报错如何解决
  • ¥50 树莓派安卓APK系统签名
  • ¥65 汇编语言除法溢出问题