前言
给子元素设置了浮动，页面缩放的时候，子元素往下掉文章来源：https://www.toymoban.com/news/detail-581706.html
- html代码：
<div class="father">
<div class="child1"></div>
<div class="child2"></div>
</div>
- css代码
.child1{
width: 600px;
height: 200px;
background-color: red;
float:left
}
.child2{
width: 600px;
height: 200px;
background-color: blue;
float:left
}
- 结果：
- 但页面缩放的时候，第二个子元素会往下掉
解决
给子元素最外层的大盒子设置宽高即可解决，比如给父盒子设置宽度，其2宽度至少是2个子盒子的宽度之和
文章来源地址https://www.toymoban.com/news/detail-581706.html
- 页面缩放后，蓝色的子盒子不会掉下去：
到了这里，关于CSS:给子元素设置了浮动，页面缩放的时候，子元素往下掉的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
