Lian2017
dsbdo
采纳率100%
2017-09-29 15:37

前端CSS布局,两个div 为inline-block, 在一个内部添加p会影响另外一个的布局原因?

2
  • 前端
  • css
  • 布局
已采纳

就是左右两个div是display:inline-block; 但是当我往第一个div中插入块级标签时,右边的div自动往下移动,这是为什么呢?先谢过各位大佬了图片说明

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

7条回答

  • showbo GoCityPass新加坡曼谷通票 4年前
    点赞 1 评论 复制链接分享
  • paopao_2017 paopao_2017 4年前

    建议你用浮动

     <div style="width: 100%;overflow: hidden;">
                <div style="width: 50%;height: 200px;background: yellow;float: left;text-align: center;">
                    <p>helloworld</p>
                </div>
                <div style="width: 50%;height: 200px;background: chartreuse;float: right;text-align: center;">
                    <p>helloworld</p>
                </div>
      </div>
    
    点赞 1 评论 复制链接分享
  • insistlzh 罗忠浩 4年前

    设置成行内元素 里面又加块级元素

    点赞 1 评论 复制链接分享
  • qq_37524684 子幽 4年前

    也不知到原因,之前用的时候也会出现这种情况,如果两个高度一样的话,在外面价格div高度和它一样就能解决,不一样的话还是用浮动吧

    点赞 1 评论 复制链接分享
  • qq_35728177 Tsui丶 4年前

    这些的话 怎么说都不好使 你直接开f12开发找到左上角的小鼠标 一个个放到元素上去看他们具体是怎么放的

    点赞 1 评论 复制链接分享
  • Lian2017 dsbdo 4年前

    非常感谢各位大佬的指导,谢谢各位

    点赞 评论 复制链接分享
  • Lian2017 dsbdo 4年前

    是因为baseline的原因 看左边最下面的文字和右边文字是对齐的

    必须拜读张鑫旭的文章了

    CSS深入理解vertical-align和line-height的基友关系 " 张鑫旭-鑫空间-鑫生活
    http://www.zhangxinxu.com/wordpress/2015/08/css-deep-understand-vertical-align-and-line-height/

    点赞 评论 复制链接分享