伸缩式动态搜索框

绝对定位和相对定位,固定定位，都会让盒子本身具有行内块元素的性质，可以设置宽高，不独占一行。

绝定定位：会脱离文档流。

相对定位：占据原来的位置。

固定定位：固定于浏览器可视区的位置

一个盒子设置了绝对定位或者相对定位，或者固定定位，

那么在这个盒子（父盒子）里面有一个行内块元素和一个行内快或者行内元素（二元素）,二元素设置了弹性盒子为什么会换行，因为父盒子设置了绝对定位，那么会拥有行内快元素的性质，他的宽高有子元素撑起，但是有二元素他是弹性盒子，宽高无法计算，那么父元素只能将它换行处理。