为什么在调整内联块元素时会出现额外宽度

时间:2018-01-30 21:36:21

标签: html css flexbox

我使用display:inline-block连续放置了一些项目,并将白色背景应用于父div。在桌面模式下,白色背景不会显示为一行中的所有项目。

但是当我调整窗口大小时, ...内部元素...... 会转到下一行,这是正常的,但是会发生额外的白色背景,这是父背景颜色。

所以我的问题是,当我将 display:inline-block 提供给父行时,为什么它采用100%宽度....而不是总宽度内在元素。

Fiddle Link

  

注意:我创建了一个小提琴链接,以便轻松调整结果窗口的大小。尝试调整结果窗口的大小,您将看到问题。我也尝试了 Flexbox 选项,但也存在同样的问题。

0 个答案:

没有答案