小羊也疯狂 2017-06-06 02:09 采纳率: 100%
浏览 833
已采纳

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

出问题的结构
图片说明
样式 (back 的父元素 .image-header position reletive)
图片说明
chrome上显示
图片说明
然后我把display去掉了 （此时检查back默认属性是block ,icon-arrow是inline0block）
然后图片往上移了
图片说明
为什么会这样

  • 写回答

2条回答 默认 最新

  • 庄粟 2017-06-06 06:13
    关注

    top:10px没掉了吧

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • CSS属性display:inline-block用法深入理解
    2020-09-25 08:50
    在CSS布局中，`display`属性是一个至关重要的样式规则，用于定义元素的显示方式。`display:inline-block`是其中一种特殊的值，它结合了`inline`和`block`两种显示特性的优点，使得元素既能像内联元素一样并排显示，...
  • css几种解决inline-block间隙的方案(整理)
    2020-12-02 18:59
    为了弥补inline和block的不足，又扩充了inline-block属性； inline-blcok可以将对象呈递为内联对象，而内容作为块对象呈递。 通俗点讲就是“可定宽高的堆在一起”显示 为什么会有间隙 inline-blcok块之间的不可见...
  • 前端必知必会-CSS 布局display: inline-block
    2024-08-21 09:00
    编程岁月的博客 本文介绍了的CSS 布局display: inline-block使用，如有问题欢迎私信和评论。
  • 关于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 布局的时候存在一个空格的间距？
    2025-01-01 15:28
    秀秀_heo的博客 在使用布局时，元素之间存在一个空格的间距，这是由于 HTML 中的空白字符（空格、换行、制表符等）会被当作渲染内容的一部分。
  • CSS inline-block属性概述及其使用示例
    2021-01-21 12:56
    Inline-block是元素display属性的一个值。这个名字的由来是因为，可以简单的解释为inline+block ；display设置这个值的元素，兼具行内元素（ inline elements）跟块级元素（block elements）的特征。块级元素（block...
  • CSS教程：inline-block在各浏览器的显示
    2020-12-03 03:20
    CSS中的display属性是一个非常重要的样式规则，它决定了元素如何在页面上呈现。在众多的display值中，`inline-block`是一个特别有用的值，它结合了`inline`元素的水平排列特性与`block`元素的独立换行特性。然而，`...
  • 详解css中inline-block的最小宽度值
    2020-11-21 19:46
    在CSS中，`inline-block`是一个非常重要的布局方式，它结合了行内元素和块级元素的特点。在标题“详解css中inline-block的最小宽度值”中，主要探讨的是当设置`width`为0时，行内块元素仍然会有一定的最小宽度，这个...
  • 没有解决我的问题, 去提问