寫乙個button，有兩種方式：其一，直接button標籤；其二，input type=」button」。
不管哪種方式，button的寬度在ie6、7下總是不能完美，接下來我們演示乙個普通的button，你可以用ie6或者ie7瀏覽器看看其顯示寬度，然後對比chrome或者ie8等瀏覽器，你會發現bug的所在。
1、乙個普通的button:
可以很直接的看到button的兩邊有空隙，當然，這個空隙是無法用padding:0來解決的。
通常，不少同學會想到給該button定義乙個width:100px。
2、width:150px的button：
.demo-button01恭喜，你是對的。但是，我們必須這個button自適應寬度呢？
好吧，加個width:auto試試。
3、width:auto的button：
.demo-button02哦也，還是不行！下面試試網上提供的一種方法。
4、width:auto;overflow:visible;的button：
.demo-button03yes，可行！還有乙個方法如下：
.demo-button04但個人覺得width:1的寫法很二，所以摒棄之。
結語：
如果你要問問什麼ie6、7下會出現這樣的問題，我說是微軟很二。解決button自適應寬度的最佳辦法是width:auto;overflow:visible;
解決Button在IE6 7下的自適應寬度問題
很早就遇到過這麼個小問題，但由於其並未影響到實際作用和美觀就沒有正面解決它，現在，我們來試著解決它。寫乙個button，有兩種方式 其一，直接button標籤 其二，input type button 不管哪種方式，button的寬度在ie6 7下總是不能完美，接下來我們演示乙個普通的button，...
ie6 7下button的黑邊 點狀線去除方法
ie6 7下button的黑邊 點狀線去除方法 黑邊bug出現背景 按鈕 button submit.得到焦點時，按鈕會出現1px的border，看著很是不爽。從網上找的解決辦法 1.在button和input的標籤外新增乙個標籤，然後將樣式寫在這個標籤上，並且把button和input的預設樣式都...
IE6,7下的那些坑
lang en charset utf 8 title type text css warp box style head class warp class box div div body html 在ie6 ie7,ie8,chrome,firefox顯示效果 當使box元素為浮動元素時 box...