css - 最后继承的显示属性是内联的，但计算的是块。这怎么可能？

Question

我正在设计一个<input type="text">元素。我想让它拥有display:inline;。我通过在最后调用的 css 文件的最后一行中定位这个元素来做到这一点。由于某种原因，该元素不会接管该display:inline;属性（请参见下面的 Firebug 图像）。

怎么可能？

萤火虫图片

score 9 · Accepted Answer

因为您的input元素是向左浮动的，所以根据 CSS 规范将 display 的计算值设置为 block。

我不希望使用!important声明会覆盖计算值。

score 1 · Accepted Answer

我有这个结构：

<div class="parent">
  <input type="checkbox"/>
  <label>Some awesome label</label>
</div>

div.parent被设置为display: flex并且它导致input和label继承display: block。我花了一段时间才找到原因，但改变了父 div 来display: block解决这种情况。

2 回答 2