如何将4个右浮动div排列成两行
.container {
width: 400px; /* 设置容器宽度 */
}
.box {
width: 100px; /* 设置每个div的宽度 */
height: 100px; /* 设置每个div的高度 */
float: right; /* 设置右浮动 */
margin: 10px; /* 设置div之间的间距 */
}
.box:nth-child(2n) {
clear: right; /* 设置每行的第二个div清除右浮动 */
}
通过设置每行的第二个div使用clear: right属性来清除右浮动,从而使得4个div可以放在两行。
原文地址: https://www.cveoy.top/t/topic/plz9 著作权归作者所有。请勿转载和采集!