可伸展DIV問題

我目前正在研究page，但包含在給定頁面上看到的溢出文本的DIV不會伸展以包含文本，除非將高度從「自動」更改爲固定「高度「的CSS如下圖所示：可伸展DIV問題

.single #intro { 
    width: 100%; 
    height: auto; 
    position:relative; 
    float: left; 
}

2013-03-27 Dz.slick

'身高：auto;'在IE9 +，FF和Chrome中適合我。你在哪些瀏覽器中看到問題？ – gaynorvader 2013-03-27 18:10:33

如果你想讓它伸展，那麼你有多個地方的高度：需要簡單地刪除。

也就是說......

這裏：（線349）

#rack #main #intro #content-area { 
    float: left; 
    height: 370px; 
    width: 750px; 
    padding: 20px 30px 10px 30px; 
}

這裏：（線117）

#rack #main #intro { 
    width: 100%; 
    height: 400px; 
}

2013-03-27 18:11:10 Michael

這隻影響主頁Michael。請注意，我指的是以「.single」開頭的 – 2013-03-27 18:18:45

它應該影響整個網站o.O還有哪些其他網頁？沒有其他鏈接工作。無論如何，這是多個高度阻止你的模板拉伸。如果上述內容只能觸及主頁，那麼您的高度特定於其他您需要刪除的頁面。 – Michael 2013-03-27 18:21:35

你是對的邁克爾。我調整了兩個，現在工作正常。謝謝 – 2013-03-27 18:33:20

可以使用overflow屬性顯示滾動條，像這樣：

#rack #main #intro { 
    width: 100%; 
    height: 400px; 
    overflow: auto; 
}

這樣，你可以十個分量的高度，但仍然顯示的所有內容。

2013-03-27 18:07:30

你的問題是與頁腳DIV 一旦你使用浮動屬性，下一個元素只是認爲它應該在導航欄後面定位只需使用

<div style="clear:both"></div>

或將明確：既財產結束內容區域股利或頁腳div的開始

[你可能需要浮動：權利的內容區域正常工作，這種]

2013-03-27 18:25:12 ManZzup

回答