select的css width樣式，包含邊框和內邊距，即：真實的width=CSS width。

而input的css width樣式，則不包含邊框和內間距，真實的width=CSS width border padding。

?

解決的方法：

設置select的CSS width=input 的CSS width border padding

例：

<style>

　　input[type="text"]{width: 196px;}

</style>

<span>場館名稱:</span><input type="text" /><br>
<span>學校名稱:</span><select name="" style="width: 200px; padding:1px;">
<option value="0">昌平四中</option>
<option value="1">1</option>
<option value="1">2</option>
<option value="1">3</option>
</select>

?

IE下 背景圖無法顯示問題解決方法

由原來的寫法：.header h1{line-height: 60px;padding-left:32px;background: url(../images/logo.png) no-repeat left -6px top 8px;}

改成：.header h1{line-height: 60px;padding-left:32px;background-image: url(../images/logo.png) ;background-repeat:no-repeat;background-position: -5px center;vertical-align: middle;}

轉載于:https://www.cnblogs.com/yiran2016/p/6409876.html

總結

以上是生活随笔為你收集整理的input与select在不同浏览器上的宽度显示不同及IE背景图显示问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。