.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可以放在两行。

如何将4个右浮动div排列成两行

原文地址: https://www.cveoy.top/t/topic/plz9 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录