如图：

css/less代码：

 #searchDiv {
    width: 4rem;
    margin: 0.5rem auto;
    height: 0.4rem;
    background-color: #C40000;
     padding: 1px;
    input {
      width: 2.75rem;
      height: 0.36rem;
      line-height: 0.36rem;
      margin: 1px;
      border: 1px solid transparent;
      outline: none;
    }

    button {
      width: 1.1rem;
      color: #fff;
      background-color: #C40000;
      height: 0.38rem;
      border: 1px solid transparent;
    }
  }
}

思路主要为先创建一个大的div，里面放input和button，给大的div颜色，并且让input和button的width和border之和小于div的width，并且border的颜色为无 transpare ，多的width为border

版权属于：小小窝/禾下月

本文链接：https://hxyxyz.top/index.php/Web/202.html

本站文章采用 知识共享署名4.0 国际许可协议 进行许可，请在转载时注明出处及本声明！