aspect-ratio让元素保持固定的高宽比例，很实用，本文会详细介绍该属性在各种场景下的尺寸表现，相信会对您的学习有所帮助的。
文章关键字 ‘min-height’
Chrome 88已经支持aspect-ratio属性了，学起来
2021年02月17日，星期三div模拟textarea文本域轻松实现高度自适应
2010年12月23日，星期四textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。
作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textarea有一个不足就是不能像普通div标签一样高度可以跟随内容自适应。textarea总是很自信地显摆它的滚动条，高度固执地岿然不动。所以，有时候，为了增加交互体验想让文本域高度自适应的时候，就会遇到麻烦。
然而，实际上，如果你要求不是很高，是个非常简便，且老少皆宜的实现方法的。这种方法就是使用普通的div标签模拟textarea文本域，同时又利用了div标签的高度自适应性。于是，textarea文本域的高度自适应效果就可以轻松实现。
本文就是讲述如何实现这种模拟的自适应效果的。提供代码展示，提供丰富飞截图，以及必要的demo实例页面，希望能对您的学习有所帮助。
纯CSS实现侧边栏/分栏高度自动相等
2010年03月25日，星期四为了表现的美观或是一些功能的需要，我们经常希望侧边栏/分栏的高度保持一致。我们可能会使用min-height属性，IE6不支持min-height但是height会自动撑高，所以min-height + _height的组合也是常用手段之一；另外就是使用背景图片了，利用背景图片的垂直平铺，可以模拟分栏的等高背景效果，但是，此方法对布局宽度有一定的要求，如果布局宽度改变，背景图片可能也要做一番修改。但是这些方法都有局限性，没有从根本上解决问题。
本文就将真是分栏高度相等的的技术，使用margin负值实现任意分栏的高度自动相等。提供详尽的插图，代码示意。提供必要的demo，希望能对您的学习有所帮助。
我的应用
我的应用