JSFiddle - React, Tailwind, and code Playground

by br00k

HTML

<div style="height:350px;background:yellow;font-size:50px;text-align:center;">
        <div style="height:50px;background:red;">1</div>
     
         <!--父元素高度不确定，怎么让此元素自动填充剩余高度区域-->
        <div style="height:calc(100%-50px);background:pink;">
            <img style="max-height:100%;max-width:100%;vertical-align:top;" src="http://www.iphone4wp.com/wp-content/uploads/2010/06/Beautiful-iPhone-4-Wallpaper-04.jpg"/>
     </div>
</div>