p標籤和輸入標籤之間的一個像素間隙

爲什麼在IE6和IE7中的以下代碼中，在p或p8標籤的頂部和底部之間創建了一個像素間隙？我一直在拉我的頭髮，試圖創建powerset website 上的搜索texbox，並且有趣的是他們沒有IE6或IE7中的錯誤。我究竟做錯了什麼？p標籤和輸入標籤之間的一個像素間隙

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
     <title></title> 
     <style type="text/css"> 
      #sbox 
      { 
       overflow: hidden; 
      } 
      #sbox p 
      { 
       /*border:1px solid #dae7fa; */ 
       float:left; 
       display: block; 
       border: 1px solid red; 
       width: 208px; 
       padding: 0; 
      } 
      input#q 
      { 
       font-size: 11px; 
       padding: 3px; 
       border: 1px solid blue; 
       width: 200px; 
       color: #999999; 
      } 
     </style> 
    </head> 
    <body> 
     <div id="sbox"> 
      <p> 
       <input id="q" type="text" value="Search..." /> 
      </p> 
     </div> 
    </body> 
    </html>

來源

2009-06-11 ak3nat0n

我要做的第一件事就是使用某種類型的CSS重置，然後使用樣式 - 它提供了更大程度的瀏覽器兼容性，因爲它有效地設置了「應該」的所有默認值。看看這個：http://developer.yahoo.com/yui/reset/ – inkedmn 2009-06-11 20:43:12

oups對不起，我實際上做過但忘了它，當我創建的例子 – ak3nat0n 2009-06-11 20:45:16

將float:left;添加到輸入＃q。這將崩潰並擺脫差距。

來源

2009-06-11 21:23:23 Emily

p標籤和輸入標籤之間的一個像素間隙

回答

相關問題