元素在css中的高度

-1

我在理解div中元素高度的問題。我有一個標題div，裏面有一些div。div裏面佔有一定的高度。當頭部未被提及時，頭部是否應該覆蓋由其內部定義的元素佔據的區域。根據我的理解，頭文件應該將所有的div包裹在裏面。元素在css中的高度

如果我錯了，請糾正我。

這是我的身體

<div style=" float:left; background-color:pink; width:20%; height:40px; "> 
     THis is left 
    </div> 

    <div style=" float:left; background-color:gray; width:70%; height:40px; " > 

     <div id="htop"> 
      This is top  
     </div> 

     <div id="hbutt" > 
      this is buttom 
     </div> 

    </div>

而且這裏去風格

#cont{ background-color:yellow; width:900px; height:300px; margin:auto; padding:40px; } 

    #header{ background-color:red; width:100%; padding:5px; } 

    #cont2{ background-color:blue; width:10%; height:auto; padding:5px; clear:both; } 

    #htop{ background-color:maroon; } 

    #hbutt{ background-color:purple; }

對於輸出和可能的變化需要https://jsfiddle.net/sum1/vmq3y2rv/

來源

2015-02-23 Chelsea

http://stackoverflow.com/questions/16568272/how-does-css-float-work-why-doesnt-the-height-of-a-container-element-increase – 2015-02-23 06:14:22

當您已漂浮任何其他DIV中的DIV，然後高度不會自動爲外DIV計算，使其你應該增加顯示：inline-block的或顯示：表根據您的佈局外部DIV。

#header { 
     background-color:red; 
     width:100%; 
     padding:5px; 
    display:inline-block; 
    }

入住這https://jsfiddle.net/vmq3y2rv/1/

來源

2015-02-23 06:15:22 PRAH

防止影響外層的屬性div，你可以使用'#outer_div：after {content：'';顯示：表格;明確：兩者;}' – Ejaz 2015-02-23 06:18:47

是的，這是事實，但是當所有的元素都在頭內浮動合攏。

.clearfix{ 
    clear:both; 
}

然後在您的標題頭以一個clearfix類結束之前插入一個div。

的jsfiddle在這裏 https://jsfiddle.net/kriscoulson/vmq3y2rv/2/

來源

2015-02-23 06:19:26 Enjayy

您可以使用浮動：左或顯示：inline-block的/表，它會根據你的要求和佈局。

來源

2015-02-23 07:22:06

元素在css中的高度

回答

相關問題