css中不允许左侧有浮动

在CSS中，通常不允许左侧有浮动。

/* 不推荐使用的方式 */
.left-float {
  float: left;
  margin-right: 10px;
}

.right-float {
  float: right;
}

左侧浮动
右侧浮动

为什么不能左侧有浮动呢？因为如果左侧有浮动，那么右侧内容会受到影响，导致无法正确显示。

使用浮动的时候，可以考虑将浮动元素放在后面，或者使用清除浮动的方式来解决问题。

/* 推荐使用的方式 */
.right-float {
  float: right;
  margin-left: 10px;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


  
右侧浮动
  
左侧内容

这样就能正确地显示出来左右两侧的内容了。

总之，要避免出现左侧有浮动的情况，以免影响布局。