时间戳

首页 > 解决方案 > 为什么两个元素不在同一行，宽度为 80% 和 20% CSS

html - 为什么两个元素不在同一行，宽度为 80% 和 20% CSS

问题描述

我在一个没有样式的简单容器中有两个元素（一个p和另一个img）（背景除外）。我已经特别设置了这两个元素的样式inline-block，border-box但是当它们的总长度甚至小于 100% 时，只有 99% 才会出现在同一行上。可能是什么原因。这是 jsfiddle 的链接。

https://jsfiddle.net/098jrt7q/

标签： htmlcss

解决方案

就基线而言，它们实际上是并排的。如果您打开开发人员窗口并尝试扩展它，例如 2000 视口宽度..您将了解...但它是段落的内容，<p>...</p>它不断调整自身以适应其内容。在其父元素的所有基线上，它们是并排的。谢谢你 ：）

推荐阅读