在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問(wèn)答/HTML/ 移動(dòng)端p標(biāo)簽和input標(biāo)簽都設(shè)置為43px;但是p標(biāo)簽沒(méi)有吧border遮擋，

移動(dòng)端p標(biāo)簽和input標(biāo)簽都設(shè)置為43px;但是p標(biāo)簽沒(méi)有吧border遮擋，而input標(biāo)簽遮擋了，這個(gè)怎么處理？

clipboard.png

clipboard.png
代碼如下

    <div class="formitem border-b">
      <p class="title">店鋪名稱(chēng)</p>
      <p class="input">店鋪名稱(chēng)</p>
      <input type="text" placeholder="必填" v-model="shopInfo.shopName" />
    </div>

···
.title{

    color: #333333;
    letter-spacing: 0;
    height: 43px;
    float: left;
    box-sizing: border-box;
    vertical-align: middle;
  }

  input{
    flex: 1;
    outline: 0;
    margin-left: 5px;
    padding: 0;
    border: none;
    vertical-align: middle;
    float: right;
    margin-right: 15px;
    position: relative;
    z-index: 1;
    color: #666666;
    letter-spacing: 0;
    text-align: right;
    font-size: 15px;
  }

···

最終的結(jié)果是p標(biāo)簽和input輸入內(nèi)容不等高， 請(qǐng)問(wèn)有什么方法解決

clipboard.png

回答
編輯回答
生性

如果那根線是邊框，則<div class="formitem border-b">設(shè)置overflow: hidden;
input的樣式（大部分表單空間）在每個(gè)環(huán)境都有不同，所以也不推薦用來(lái)當(dāng)堆砌量尺（設(shè)定范圍）。

2017年3月8日 12:10