gpt4 book ai didi

css - Div 不能正确 float

转载 作者:太空宇宙 更新时间:2023-11-04 15:24:07 25 4
gpt4 key购买 nike

<分区>

我有一个父 div,它包含一堆子 div。其中一个向左浮动,其余向右浮动。当只有少数 div 向右浮动时效果很好,但我添加了更多,结果如下所示:

浅绿色是父 div 背景,其他颜色是有问题的 div。由于某种原因,有一些实际上漂浮正确,但绿色应该在蓝色之后,粉红色应该在红色之后。

我在最父级的 div 上有 overflow: hidden;,高度对此子级 div 行为没有影响。

我应该如何解决这个问题?

这是相关的 CSS:

#reviews {
background-color: #16ff21; //green
float: right;
text-align: left;
text-indent: 40px;
width: 40%;
height: 150px;
}
#rating {
background-color: #ff114b; //red
float: right;
width: 40%;
text-align: center;
font-size: 200%;
height: 150px;
}
#validFor {
background-color: #19ceff; //blue
float: right;
width: 40%;
text-align: center;
font-size: 200%;
height: 150px;
}
#stats {
background-color: #ffe8e5; //pink
width: 40%;
float: right;
vertical-align: middle;
text-align: center;
font-size: 250%;
}

这是上面所有内容的父 div:

#description {
text-align: left;
width: 100%;
}

以及#description的父div:

#main {
background-color: #d3ffd3;
margin-left: auto;
margin-bottom: 0;
margin-right: auto;
padding: 10px;
width: 75%;
text-align: center;
overflow:hidden;
}

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com