JSFiddle - React, Tailwind, and code Playground

by zicai

HTML

<!-- 绝对定位或者浮动下的盒子，如果没有设置宽高，则会紧紧包裹住盒子的内容。 -->
<div class="relative">hello world</div>
<div class="float">hello world</div>
<div class="absolute">hello world</div>

CSS

.relative{
    position:relative;
    background:yellow;
}
.float{
    float:right;
    background:green;
}
.absolute{
    position:absolute;
    background:red;
}