Ant Design Vue实现div模拟input实现输入框，web前端开发前景

CSS代码块

双float + calc()计算属性[右边button固定 左边自适应]

/* 检索框 */

.search{

position: absolute;

z-index: 3;

left: 25%;

top: 220px;

width: 50%;

height: 40px;

margin: 0 auto;

border:1px solid rgba(0, 0, 0, 0.45);

background: #fff;

border-radius: 4px;

}

.inputType{

width:calc(100% - 90px);

float: left;

line-height: 38px;

height: 38px;

text-indent: 1em;

}

.inputType:empty::before {/* 显示提示词 */

content: attr(placeholder);

}

.button{

color: #fff;

line-height: 38px;

text-align: center;

background: rgba(204, 51, 0, 1);

border-left:1px solid rgba(0, 0, 0, 0.45);

width: 90px;

height: 38px;

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18