問題描述今天在做搜索框的時(shí)候遇到一個(gè)問題,具體見代碼,左右兩塊都用的浮動(dòng)來做,但是為什么沒有填充滿,會(huì)有一個(gè)小黑條呢?問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法我知道,如果把背景色和邊框設(shè)置為一樣的顏色就可以解決,就是想知道,為什么會(huì)顯現(xiàn)這個(gè)小黑條相關(guān)代碼// 請(qǐng)把代碼文本粘貼到下方（請(qǐng)勿用圖片代替代碼）.search-bar { width:600px; border: 2px solid #dd182b; background: black;
}.search-bar input,.search-bar button { border: 0px; padding: 10px; float: left; display: block
}.search-bar input { width: 80%;
}.search-bar button { /* outline: none; */
width: 20%; background: #dd182b; color: #fff;
} <div class="search-bar"> <input type="text" name="" value="">
<button type="button" name="button">搜索</button>
</div>你期待的結(jié)果是什么？實(shí)際看到的錯(cuò)誤信息又是什么？就是右邊的這個(gè)小黑邊
2 回答
尚方寶劍之說
TA貢獻(xiàn)1788條經(jīng)驗(yàn) 獲得超4個(gè)贊
*{
padding: 0; margin: 0; box-sizing: border-box; } 把盒模型更改一下
添加回答
舉報(bào)
0/150
提交
取消