前端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用法深入理解
2020-09-25 08:50

在CSS布局中，`display`属性是一个至关重要的样式规则，用于定义元素的显示方式。`display:inline-block`是其中一种特殊的值，它结合了`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样式只应用于一个界面（全元素显示） css
2021-02-03 02:01

回答 5 已采纳 <style scoped></style> style标签里加scoped
CSS教程：inline-block在各浏览器的显示
2020-12-03 03:20

然而，这可能会引入新的问题，如元素间距的异常，此时可以通过在`<li>`内部添加一个`<div>`包裹内容来解决。对于IE6和7，它们并不直接支持`inline-block`。这时，可以利用一个名为`hasLayout`的IE特有属性来模拟`...
CSS 怎么把两个A标签在同一位置(列)，上下排列？ javascript
2017-02-08 06:35

回答 5 已采纳 ``` 1 1 ```
CSS中display属性的inline-block导致布局错位问题
2023-07-24 11:52

梦凝哲雪的博客当然也可以是使用浮动float 或者弹性盒子flex 完成上述需求。发现核心问题是 inline-block 默认的对齐方式。
css//设置两个DIV为display:inline-block出现上下错位问题
2021-09-08 08:47

爱吃松果的美美的博客发现AB两个div设置display：inline-block，出现上下错位问题，当AB里面内容为空时，错位问题消失看了网上资料以及通过实践分析，总结如下 1.同一行的行内元素对齐方式默认是底部对齐，即vertical-align：baseline ...
没有解决我的问题, 去提问

悬赏问题

¥15 metadata提取的PDF元数据，如何转换为一个Excel
¥15 关于arduino编程toCharArray()函数的使用
¥100 vc++混合CEF采用CLR方式编译报错
¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误，如何解决？
¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
¥15 c#逐行读取txt文本，但是每一行里面数据之间空格数量不同
¥50 如何openEuler 22.03上安装配置drbd
¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
¥15 无线连接树莓派，无法执行update，如何解决？（相关搜索：软件下载）
¥15 Windows11, backspace, enter, space键失灵

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

7条回答 默认 最新

悬赏问题

7条回答默认最新