菜單div的父div上的自動高度...怎麼樣？

那麼基本的想法是讓包裝自動擴展高度取決於孩子的身高。但問題是菜單子項有一個float attr，如果它比內容大 - 它只是簡單地伸出，這可以通過加載代碼來看到。我不喜歡玩相對位置，表格單元格。如果我設置浮動：留在包裝上，它實際上由於某種原因會出現我的整個標記。有沒有其他辦法可以做到這一點？菜單div的父div上的自動高度...怎麼樣？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
    <head> 
     <style> 
      div.wrap{ 
       background-color:grey; 
       padding:5px; 
      } 
      div.left{ 
       background-color:orange; 
       float:left; 
       width:200px; 
       height:400px; 
      } 
      div.content{ 
       margin-left:200px; 
       height:200px; 
       background-color:white; 
      } 
     </style> 
    </head> 
    <body> 
     <div class="wrap"> 
      <div class="left"> 
       Menu 
      </div> 
      <div class="content"> 
       Text 
      </div> 
     </div> 
    </body> 
</html>

來源

2012-05-08 Anonymous

內div.wrap：

<div class="clear"></div>

內<style>：

div.clear{ 
    clear:both; 
}

來源

2012-05-08 20:49:13 element119

魔術！它的工作，感謝：D – Anonymous

很高興爲你工作！作爲一般規則，浮動元素對其父元素的維度不起作用。所以具有'clear：both'的div可以修復它，因爲它爲瀏覽器定義了一個結束父元素的位置。就你所知未來，這種技術被稱爲「清除修復」。 – element119

謝謝，我會注意到^。^ – Anonymous

菜單div的父div上的自動高度...怎麼樣？

回答

相關問題