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

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

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

7条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
斯洛文尼亚旅游 2017-09-30 04:06
关注
加overflow:hidden试试

http://blog.csdn.net/qq_27545151/article/details/48598397

本回答被题主选为最佳回答 , 对您是否有帮助呢?

解决无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

查看更多回答(6条)

报告相同问题？

关注问题

两个div如何在一行显示 css javascript 前端
2022-11-24 15:42

回答 5 已采纳原因：第二行文字太长了解决方法：1、自提那行，样式里加 max-width: calc(100% - 100px);2、父级用flex布局
对于inline-block的上下两个元素间隔怎么除去 css html5
2017-04-05 15:04

回答 3 已采纳父级添加classfont-size:0
2个div在一个容器，其中一个如何自动垂直居中前端开发语言有问必答
2023-02-27 16:50

回答 6 已采纳 <!doctype html> <style>.wrap{width:640px;margin:50px auto} #DIV0 { height: 1
CSS属性display:inline-block用法深入理解
2020-09-25 08:50

在CSS布局中，`display`属性是一个至关重要的样式规则，用于定义元素的显示方式。`display:inline-block`是其中一种特殊的值，它结合了`inline`和`block`两种显示特性的优点，使得元素既能像内联元素一样并排显示，...
两个div和为100%,但是却出现换行情况
2018-09-03 02:39

回答 6 已采纳 inline-block是包含空格、换行符的，所以种种原因会导致inline-block产生间距，即会出现换行。https://blog.csdn.net/camillezj/article/deta
在display:inline-block的里的div里插入p标签，导致div下移。 css html5
2015-07-21 04:29

回答 2 已采纳 ![图片说明](https://img-ask.csdn.net/upload/201507/21/1437457479_655140.png) 改成这样试一下
【css】layui form的label和input在两行 css layui 前端有问必答
2022-07-24 22:10

回答 2 已采纳 input外面div的class改成inline<div class="layui-input-inline">
CSS中display属性的inline-block导致布局错位问题
2023-07-24 11:52

梦凝哲雪的博客当然也可以是使用浮动float 或者弹性盒子flex 完成上述需求。发现核心问题是 inline-block 默认的对齐方式。
使用jQuery实现轮播图左右按钮与数字按钮相互抵制，只能实现一个功能是为什么？ css html jquery
2022-05-13 18:41

回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &lt
span标签里面的内容过多会换行，如何对每一行数据给他添加行线 css 前端有问必答
2022-01-18 11:03

回答 3 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <
求助！怎样实现css样式只应用于一个界面（全元素显示） css
2021-02-03 02:01

回答 5 已采纳 <style scoped></style> style标签里加scoped
css inline-block 布局
2022-02-15 21:55

秦书翔的博客文章目录inline-block 布局遇到的问题间隙的几种解决办法： inline-block 布局遇到的问题对外的表现是行内元素（不会...问题二：div1和div2设置为 inline-block之后，这两个盒子之间存在了间隙。这是因为，此时的 d
CSS教程：inline-block在各浏览器的显示
2020-12-03 03:20

然而，这可能会引入新的问题，如元素间距的异常，此时可以通过在`<li>`内部添加一个`<div>`包裹内容来解决。对于IE6和7，它们并不直接支持`inline-block`。这时，可以利用一个名为`hasLayout`的IE特有属性来模拟`...
css//设置两个DIV为display:inline-block出现上下错位问题
2021-09-08 08:47

爱吃松果的美美的博客发现AB两个div设置display：inline-block，出现上下错位问题，当AB里面内容为空时，错位问题消失看了网上资料以及通过实践分析，总结如下 1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline ...
CSS 多个div并排显示 inline-block —— 前端踩坑6
2020-05-01 09:18

大胖小呀的博客定义如何处理空白 var imageContainer = document.createElement("div"); imageContainer.id = "imageContainer"; imageContainer.style.whiteSpace = "initial";
没有解决我的问题, 去提问

悬赏问题

¥15 关于#stm32#的问题：寻找一块开发版，作为智能化割草机的控制模块和树莓派主板相连，要求：最低可控制 3 个电机（两个驱动电机，1 个割草电机），其次可以与树莓派主板相连电机照片如下：
¥15 Mac(标签-IDE|关键词-File) idea
¥15 潜在扩散模型的Unet特征提取
¥15 iscsi服务无法访问，如何解决？
¥15 感应式传感器制作的感应式讯响器
¥15 如何使用SC92F8003固件库解析私有协议数据?
¥15 如何在音频中嵌入字符串（水印）信息进行传递
¥30 plc怎么以设计说明书申请软著
¥15 硬盘识别不了，需要初始化，可我的数据怎么办
¥15 lvm2被mask了，怎么unmask都没用(标签-ubuntu|关键词-apt)

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

7条回答 默认 最新

悬赏问题

7条回答默认最新