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
或大小,它都将始终有效。再次感谢!