IE和多個浮動元素

我試圖定位浮動按鈕的數量，它在所有瀏覽器中工作得很好。但Internet Explorer在2浮動按鈕之後（或第三個浮動按鈕之前）添加了一些可選元素。任何人都可以幫助我嗎？ Here's a picture!IE和多個浮動元素

這裏是我的代碼：

<style type="text/css"> 

      .button { 
       width:auto; 
       height:23px; 
       border:1px solid #cccccc; 
       border-radius:4px; 
       background-image:url('bg_button.jpg'); 
       background-position:left; 
       background-repeat:repeat-x; 
       font-family:Tahoma; 
       font-size:13px; 
       float:left; 
       margin-right:4px; 
       cursor: pointer; 
       padding-right:10px; 
      } 
........... 
</script> 


<div class="button"> 
     <a href=''> 
     <div> 
      &nbsp; 
     </div> 
     </a> 
    </div> 

    <div class="button"> 
     <a href=''> 
     <div> 
      Button 1 aksjd fklaj sdklfaj sdlkfasdf 
     </div> 
    </div> 

    <div class="button"> 
     <a href=''> 
     <div> 
      Button 1  
     </div> 
    </div>

來源

2011-10-02 Roman Klare

哪個IE？哪種渲染模式（標準或怪癖）？你在兼容模式？ DOM檢查員揭示了什麼？你能向我們展示一個現場例子嗎？ – Quentin

IE 9.但我記得在IE 8中也有類似的東西。我想說這是標準模式。 <！doctype html> –

http://sandbox.lddesign.de/border.php –

把全寬容器周圍的一切和浮空。

我不能肯定它會工作（因爲我不能重現它），但在IE浮動父母很頻繁的幫助。

編輯：沒關係。

您不能在A中放置div。如果這樣做，瀏覽器將在div前關閉A，然後出現各種奇怪的問題。（你甚至不收你的A的2個。）

使用span相反，如果你需要，把style="display: block;"上span。

來源

2011-10-02 08:07:52 Ariel

哦，我沒有關閉一個標籤:-( 對不起，.... 但我想你是對的無論如何，關於內部的div –

IE和多個浮動元素

回答

相關問題