JSFiddle - React, Tailwind, and code Playground

by feng chen

HTML

<h4>
浮动方案
</h4>
<article class="layout float">
  <div class="left">左边部分</div>
  <div class="right">右边部分</div>
  <div class="middle">中间部分</div>
</article>

CSS

html *{margin:0;padding:0;}
.layout > div{min-height:100px;}
.left{background:lightblue; width:100px; float:left;}
.right{background:lightgreen; width:100px; float:right}
.middle{background:pink}