JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<div id="parent">
  我是外面的盒子
  <div class="left">
    浮动在左侧
    浮动在左侧
    浮动在左侧
    浮动在左侧
    浮动在左侧
    浮动在左侧
  </div>
  <div class="right">
    浮动在右侧
    浮动在右侧
    浮动在右侧
    浮动在右侧
    浮动在右侧
    浮动在右侧
    浮动在右侧
    浮动在右侧
    浮动在右侧
    浮动在右侧
  </div>
</div>

SCSS

#parent{
  background-color:#F00;
  min-height: 20px;
  .left{
    float:left;
    background-color:#CFC;
    width: 85px;
    margin-left: 50px;
    margin-top: 50px;
  }
  .right{
    float:right;
    width:85px;
    background-color:#00f;
    margin-right: 50px;
    margin-top: 80px;
  }
}