【问题标题】:Any idea why these two boxes are offset?知道为什么这两个框是偏移的吗?
【发布时间】:2023-03-13 22:53:01
【问题描述】:

在下面的小提琴中,我有两个大小相同的内联块 DIV。他们将溢出设置为自动并在其中包含内容。第二个 DIV 有一个相当大的 Y 偏移,但我不知道为什么。它们应该紧挨着。

http://jsfiddle.net/nT4ku/

有什么想法吗?

【问题讨论】:

  • 你在哪个浏览器看到这个偏移量,在我的 FF 11 上它们完美地并排
  • @Huangism Chrome。最新版本的稳定频道。
  • k 我现在看到了,答案很好

标签: html css height width overflow


【解决方案1】:

在并排的inline-block div 上指定垂直对齐应该可以解决这个问题。 vertical-align: top;

这是我对您的 jsfiddle 的编辑:http://jsfiddle.net/nT4ku/1/

【讨论】:

  • 它在 chrome 中工作,不确定其余的。出于好奇,对 inline-block 的具体需求是什么?
  • @ryanulit 我正在将许多固定大小的小部件呈现到页面上。 Inline-block 让它们并排排列,并在碰到视口边缘时下降到下一行。
  • 明白了。请注意已知问题。以下链接很好地解释了行内块显示:robertnyman.com/2010/02/24/…
猜你喜欢
  • 2011-07-23
  • 1970-01-01
  • 2015-05-31
  • 2015-09-27
  • 1970-01-01
  • 2011-04-25
  • 1970-01-01
  • 2022-06-10
相关资源
最近更新 更多