HTML：当子块宽度和等于父块宽度时，为什么需要float:left

对不起，如果我的问题重复，我只是无法选择适当的搜索请求

因此，考虑具有两个内嵌块子集的父级，每个都有宽度：50%。如果不为父级设置overflow:hidden，为子级设置float:left，子级将不会在父级中形成一行

---

但是为什么呢？为什么50%+50%不等于一整行？为什么我们需要浮动？

最常见的情况是因为在儿童节点之间有空格：

容器{ 背景：红色； 高度：50px； } 货柜组{ 宽度：50%； 显示：内联块； 背景：绿色； 身高：100%； }

---

因为空间也发生了。如果您不想使用浮动，您几乎有两种选择：注释html标记之间的空格或在父项上设置字体大小：0px，然后再在子项上设置字体大小。

请发布一篇文章