2012-04-28 45 views
0

有沒有辦法做到以下佈局,而不使用JavaScript?如何底部div採取其餘

div parent 
    div A 
    div B 
    div C 
  • 使用一個固定的高度(比如500像素)
  • 根據它的內容正在增長的高度
  • Ç花費的剩餘高度

  • ç將獲得大的內容應以滾動僅在Ç

C的溫度將包含大型內容d。 d應該C內被滾動

div C 
     div D 
     large content 
+0

是垂直對齊(堆積)的div或水平(並排)? – Commandrea 2012-04-28 18:55:40

+0

A,B,C是垂直堆垛 – 2012-04-28 18:58:51

+0

沿着這些線條是什麼? http://jsfiddle.net/N3HPJ/注意,可能可能需要的(最後一個元素延伸爲全高)不能僅用CSS來完成,因爲CSS在動態,多元元素情況。但你可以僞造它。 – 2012-04-28 19:22:41

回答

1

我將它設置像這樣:

<div class="parent"> 

    <div class="C"> 

     <div class="A"> 
     A's content 
     </div> 

     <div class="B"> 
     B's content 
     </div> 

     C's content 

    </div>/*C end*/ 

</div>/*parent end*/ 
+0

我看到元素嵌套。我沒有看到答案。 – 2012-04-28 19:08:09

+0

此佈局重組將不起作用,因爲C將獲得大量內容滾動 – 2012-04-28 19:08:29

+0

添加關於C需要滾動到您的問題的部分。 – Commandrea 2012-04-28 19:11:26