最近在学习HTML、CSS的过程中，想模仿一下百度首页。发现搜索框这一部分与上下其它元素的空白距离可以随着窗口大小变化，下面小编给大家带来了css 使用relative设置top为百分比值的实现方法，感兴趣的朋友一起看看吧

前言： 最近在学习HTML、CSS的过程中，想模仿一下百度首页。发现搜索框这一部分与上下其它元素的空白距离可以随着窗口大小变化（效果如下图所示），于是自己研究了一下并记录下来。 效果实现 垂直伸缩 *{ padding: 0; margin: 0;