震惊,这居然也可以???不用设置高度,"拉开"盒子的办法

在css的世界中,又让我震惊了一把,平时看技术大牛的文章,每每都有叹为观止的感觉,总是感到css居然还能这么玩的感觉。今天看到又一个css技巧,毫无技巧可言,简单粗暴到极致,偏偏又有很多场景能使用到,真的让我,忍不住的欣喜,一定要跟大伙分享下这个,让然不敢相信的css技巧。我只上两张图,甚至连解释都不需要,大伙看完,估计也会感叹一句,这居然都可以!!???

Snipaste_2018-02-03_00-12-33.png

Snipaste_2018-02-03_00-16-30.png

  是的,盒子能被撑开,也能被拉开(因为我是在不知道怎么描述,姑且就用来开这个词吧,毕竟也很形象)。想想都开心,上下定位,内容自适应,屏幕大,内容区域就长,屏幕小,内容区域就小,再加个overflow:auto;哈哈,我都忍不住笑出声了。这样极大了改善了我以往的自适应布局方式。
  Over。
             希望能给到大伙一点点启发,这将是我的荣幸。