Css 是否在忽略父宽度的情况下,浮动eachover旁边的元素?

Css 是否在忽略父宽度的情况下,浮动eachover旁边的元素?,css,html,width,parent,Css,Html,Width,Parent,我以前遇到过这个问题,但我不记得这个问题叫什么,也找不到相关的解决方案,所以我们再来一次 我需要把两个箱子放在左边。这些框具有静态宽度,与父框的宽度相同。现在发生的情况是,由于父对象不够宽,框彼此堆叠而不是浮动 以下是我想要的(粗略)说明: 有什么想法吗?据我所知,做到“干净”的唯一方法是采用以下结构: .window .parent .child .child 父对象的宽度是其所有子对象的总和,而窗口的宽度是一个子对象的宽度。我使用空白:nowrap以及显示:内联块更新

我以前遇到过这个问题,但我不记得这个问题叫什么,也找不到相关的解决方案,所以我们再来一次

我需要把两个箱子放在左边。这些框具有静态宽度,与父框的宽度相同。现在发生的情况是,由于父对象不够宽,框彼此堆叠而不是浮动

以下是我想要的(粗略)说明:


有什么想法吗?

据我所知,做到“干净”的唯一方法是采用以下结构:

.window
  .parent
    .child
    .child

父对象的
宽度
是其所有子对象的总和,而
窗口
的宽度是一个子对象的宽度。

我使用
空白:nowrap
以及
显示:内联块
更新了您的代码。如果您确实需要使用
float:left
,请按照@Kurt的建议执行,因为它应该可以工作。但我真的相信
内联块
是正确的方法

检查或查看此处的代码:

.parent {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
}

.child {
    display: inline-block;
    width: 200px;
    font-size: 1rem;
}

要使
空白:nowrap
方法起作用,您需要在父项和子项之间放置一个容器,其位置为
绝对。子项需要有
位置:相对并且您需要为顶部父对象指定一个高度


听起来正是我想要的!让我试一试,不知什么原因,它还是被推到下面。你知道为什么吗?@querty,我根据你的评论更新了所有答案。看一看,我希望它能有所帮助。谢谢你,这正是我所需要的!是的,我做了一些研究,很多人倾向于负利润<在这种情况下,code>Font size
是一个更好的解决方案,因为无论您拥有什么
Font-family
或大小,它都将始终有效。再次感谢!