css样式block 和inline-block的一个小问题

出问题的结构
图片说明
样式 (back 的父元素 .image-header position reletive)

chrome上显示

然后我把display去掉了（此时检查back默认属性是block ,icon-arrow是inline0block）
然后图片往上移了

为什么会这样

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

2条回答默认最新

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
庄粟 2017-06-06 06:13
关注
top:10px没掉了吧

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

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

评论

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

查看更多回答(1条)

报告相同问题？

关注问题

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

回答 7 已采纳加overflow:hidden试试 http://blog.csdn.net/qq_27545151/article/details/48598397
关于display:inline-block css css3 html5 javascript json
2019-10-28 21:52

回答 2 已采纳左右的缝隙产生原因一般是你的回车，空格，以及字间距（lerrtr-spacing），上下缝隙是行高以及外边距的原因，把他的margin设为0，顺带统一一下内外行高，边距问题应该就解决了
display: inline-block问题 css html5
2017-01-24 04:19

回答 1 已采纳看下 .first和.item的style
CSS属性display:inline-block用法深入理解
2020-09-25 08:50

在CSS布局中，`display`属性是一个至关重要的样式规则，用于定义元素的显示方式。`display:inline-block`是其中一种特殊的值，它结合了`inline`和`block`两种显示特性的优点，使得元素既能像内联元素一样并排显示，...
对于inline-block的上下两个元素间隔怎么除去 css html5
2017-04-05 15:04

回答 3 已采纳父级添加classfont-size:0
关于uniapp开发小程序的image标签给了display:block和宽度高度但是图片出来依然是他自适应的宽高 css 前端小程序
2023-03-30 21:37

回答 3 已采纳因为你的flex布局导致的，给右边的盒子一个宽度限制
CSS 怎么让 el- input 和 span两个元素一行显示，和 v-if 判断 tr 最后一行 css elementui vue.js
2022-01-10 22:21

回答 1 已采纳给 td 加white-space: nowrap;不换行 v-if这里要隐藏吗？可以用css table tr:last-child { display: none; }
css几种解决inline-block间隙的方案(整理)
2020-12-02 18:59

为了弥补inline和block的不足，又扩充了inline-block属性； inline-blcok可以将对象呈递为内联对象，而内容作为块对象呈递。通俗点讲就是“可定宽高的堆在一起”显示为什么会有间隙 inline-blcok块之间的不可见...
不知道哪里出问题了，对a标签设置了inline-block但是仍旧显示在了两行 css
2022-03-20 15:47

回答 1 已采纳 Nav的宽度设置大点500
为何css中的display：block元素没有效果？ css css3 html5
2020-04-25 10:26

回答 2 已采纳 html代码你拿去吧，你没有给上面的浮动元素清除浮动，所以才会跑上去。不是说block不生效。而是生效了你看不出来。 ```
font-size=0可以清除inline-block盒子间隙的原理是什么为什么可以清除 css css3 有问必答
2021-12-27 20:55

回答 3 已采纳 inline-block盒子间隙是因为有空格字符,font-size=0是把所有字符的字体大小都设置为0,这样所有字符都小到看不到了,空格字符也一样小到看不到了. 参考
关于css display: inline block inline-block的区别分析
2021-01-21 13:13

但很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox 下却有私有属性 -moz-inline-box 和inline-block 形似，为什么是“形似”而不是“神似”呢...
CSS中使用inline-block来进行居中的示例
2021-01-19 20:52

基本方法是使用 display: inline-block, vertical-align: middle样式和伪元素让内容块在容器中居中。我的实现用到了几个在其他地方见不到的新技巧解决了一些问题。　内容区声明的宽度不能大于容器的100% 减去0.25em...
css的block、inline和inline-block
2021-12-01 10:58

hibiscusxin的博客 css的block、inline和inline-block block：块级元素一个块级元素独占一行，即使设置了width，仍然独占一行。默认情况下block元素宽度自动填满父元素宽度。可以设置width、height、margin、padding属性。 ...
CSS inline-block属性概述及其使用示例
2021-01-21 12:56

Inline-block是元素display属性的一个值。这个名字的由来是因为，可以简单的解释为inline+block ；display设置这个值的元素，兼具行内元素（ inline elements）跟块级元素（block elements）的特征。块级元素（block...
没有解决我的问题, 去提问

悬赏问题

¥15 删掉jdk后重新下载，Java web所需要的eclipse无法使用
¥15 uniapp正式环境中通过webapi将本地数据推送到设备出现的跨域问题
¥15 xui建立节点，显示错误
¥15 关于#单片机#的问题：开始、复位、十进制的功能可以实现，但是切换八进制的功能无法实现（按下按键也没有效果），把初始状态调成八进制，也是八进制可以实现但是切换到十进制不行（相关搜索：汇编语言|计数器）
¥15 VINS-Mono或Fusion中feature_manager中estimated_depth是特征的深度还是逆深度？
¥15 谷歌浏览器如何备份抖音网页数据
¥15 分别有什么商家下面需要非常多的骑手为它工作？
¥15 开机logo到Qt应用起来会黑屏将近两秒时间
¥15 vfp工程项目管理系统的业务流程图
¥50 找佬协助我完成Cpp课题（大一）

css样式block 和inline-block的一个小问题

2条回答 默认 最新

悬赏问题

2条回答默认最新