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

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

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

7条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2017-09-30 04:06
关注
加overflow:hidden试试

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

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

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

评论

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

查看更多回答(6条)

报告相同问题？

关注问题

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

回答 7 已采纳加overflow:hidden试试 http://blog.csdn.net/qq_27545151/article/details/48598397
两个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
CSS中display属性的inline-block导致布局错位问题
2023-07-24 11:52

梦凝哲雪的博客当然也可以是使用浮动float 或者弹性盒子flex 完成上述需求。发现核心问题是 inline-block 默认的对齐方式。
2个div在一个容器，其中一个如何自动垂直居中前端开发语言有问必答
2023-02-27 16:50

回答 6 已采纳 <!doctype html> <style>.wrap{width:640px;margin:50px auto} #DIV0 { height: 1
在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 inline-block 布局
2022-02-15 21:55

ximingx的博客文章目录inline-block 布局遇到的问题间隙的几种解决办法： inline-block 布局遇到的问题对外的表现是行内元素（不会...问题二：div1和div2设置为 inline-block之后，这两个盒子之间存在了间隙。这是因为，此时的 d
两个div和为100%,但是却出现换行情况
2018-09-03 02:39

回答 6 已采纳 inline-block是包含空格、换行符的，所以种种原因会导致inline-block产生间距，即会出现换行。https://blog.csdn.net/camillezj/article/deta
使用jQuery实现轮播图左右按钮与数字按钮相互抵制，只能实现一个功能是为什么？ css html jquery
2022-05-13 18:41

回答 2 已采纳 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &lt
为何css中的display：block元素没有效果？ css css3 html5
2020-04-25 10:26

回答 2 已采纳 html代码你拿去吧，你没有给上面的浮动元素清除浮动，所以才会跑上去。不是说block不生效。而是生效了你看不出来。 ```
css//设置两个DIV为display:inline-block出现上下错位问题
2021-09-08 08:47

爱吃松果的美美的博客发现AB两个div设置display：inline-block，出现上下错位问题，当AB里面内容为空时，错位问题消失看了网上资料以及通过实践分析，总结如下 1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline ...
求助！怎样实现css样式只应用于一个界面（全元素显示） css
2021-02-03 02:01

回答 5 已采纳 <style scoped></style> style标签里加scoped
CSS 多个div并排显示 inline-block —— 前端踩坑6
2020-05-01 09:18

大胖小呀的博客定义如何处理空白 var imageContainer = document.createElement("div"); imageContainer.id = "imageContainer"; imageContainer.style.whiteSpace = "initial";
浅谈css布局block，inline，flex，inline-block，inline-flex区别
2022-07-18 10:06

godlike-icy的博客 flex，inline-flex
没有解决我的问题, 去提问

悬赏问题

¥20 simulink中怎么使用solve函数？
¥30 dspbuilder中使用signalcompiler时报错Error during compilation: Fitter failed，求解决办法
¥15 gwas 分析-数据质控之过滤稀有突变中出现的问题
¥15 没有注册类 (异常来自 HRESULT: 0x80040154 (REGDB_E_CLASSNOTREG))
¥15 知识蒸馏实战博客问题
¥15 用PLC设计纸袋糊底机送料系统
¥15 simulink仿真中dtc控制永磁同步电机如何控制开关频率
¥15 用C语言输入方程怎么
¥15 网站显示不安全连接问题
¥15 51单片机显示器问题