今天一上就做出來這麼個玩意，真的傷。。。

不過總算是做出來，樣式勉強能看。有需要的可以參考一下

程式碼沒有提煉 比較亂就是，先看下具體樣式吧

css ：

                        html,
body {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
text-align: center;
}

.h-img {
width: 100%;
height: auto;
text-align: center;
}

.h-ss {
position: relative;
top: -40px;
left: 5%;
display: flex;/*彈性佈局*/
flex-flow: row;/*單排*/
margin: 0;
padding: 0;
width: 90%;
height: 30px;
text-align: center;
background-color: #fff;
border-radius: 15px;
overflow: hidden;
}

.h-ss .h-qz {
padding: 0;
margin: 0;
width: 20%;
height: 30px;
background-color: red;
border-radius: 15px 0px 0px 15px;
}

.h-ss .h-qz select {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
border-radius: 15px 0px 0px 15px;
}

.h-ss .h-inp {
width: 60%;
height: 30px;
border: 0;
}

.h-ss .h-inp input {
width: 100%;
height: 30px;
font-size: 0.9em;
border-radius: 0px 0px 0px 0px;
border: 0;
}

.h-ss .h-s-img {
width: 20%;
height: 100%;
border-radius: 0px 15px 15px 0px;

}

html ：

<div class="h-img">
<img src="img/public.png" width="100%" />

<div class="h-ss">

</div>

</div>

</div>

OK！ 有什麼問題可以在評論裡面問