百度搜索悬浮框的实现

image.png

上面的图片只是个演示，红色的框框为效果

/* 
  搜索悬浮测试
  通过fixed和控制display:none 可做搜索结果悬浮框

*/
.testFix {
  position: fixed;
  top: 100rpx;
  left: 20rpx;
  right: 100rpx;
  /* left:100rpx; */
  /* display: none; */
  height: 200rpx;
  background: rgba(255, 0, 0, 0.301) ;
  border-radius: 30rpx;
}