Div浮動左高度100％

-1

我想根據白色部分，在this網站的右側灰色部分是100％的高度。Div浮動左高度100％

2012-02-16 sunny

你可以包括適當的CSS和HTML，所以我們可以看到你已經嘗試過嗎？ – Brian 2012-02-16 15:32:00

100％是什麼？ 100％純棉？ – 2012-02-16 15:32:11

這是「先進」。 – 2012-02-16 15:39:55

你可以玩顯示元素作爲表和表格單元格。首先，您需要將標題放在方框（＃report-container）之外，並刪除＃report-container（#text & .right-info）中的div上的浮動屬性以及寬度值。然後加入這種風格：

#report-container{ 
    display:table; 
} 
#text , .right-indo { 
    display:table-cell; 
    vertical-align :top; 
} 
.right-info { 
    width : 217px; /* the size of the #text will be the rest */ 
}

見my demonstration here。

您可以嘗試調整瀏覽器窗口大小或將內容添加到#primary，並且#secondary高度將相同。

來源

2012-02-16 16:10:57

你好Ariona Rian，謝謝，但我仍然面臨1個問題，我想你會幫助我..！正確的灰色部分的內容現在在底部，請看這 http://hyindia.com/flex/parameters.html – sunny 2012-02-16 16:27:17

我已編輯答案，我忘了設置vertical-align頂部:) 。祝你好運，不要忘記接受我的回答:) – 2012-02-16 16:33:16

非常感謝。我可以通過Skype與你見面嗎？ – sunny 2012-02-16 16:38:11

可能是你可以在你的css

.right_info { 
    background: none repeat scroll 0 0 #E8E8E8; 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    margin: 0 0 0 10px; 
    min-height: 533px; 
    padding: 44px 0 0 20px; 
    width: 217px; 
} 
#reports-container { 
    position: relative; 
}

來源

2012-02-16 15:42:20 sandeep

我只是看看你的源代碼中使用position:absolute該這樣寫，用一個類似的問題，就能解決昨天來了爲你工作，現在它確實使用jQuery，即使它沒有指定，我注意到你的源代碼使用它，當涉及到DIV高度時，沒有多少選項。

我的博客文章解釋我所做的可以發現here。

在你的情況下，你想獲得1個元素的高度並將其應用到另一個元素上，還有其他jQuery解決方案也可以做到這一點 - 這個元素最初設計用於計算2個元素的高度並重新調整大小如博客文章所述。

$(document).ready(function(){ 
    var high = $(".right_info").height(); 
    $(".report_sec").height(high); 
});

你可以看到這個動作here小提琴，注意2個div元素具有不同的高度。

我希望這有助於！

來源

2012-02-16 15:54:33 Ryan

Div浮動左高度100％

回答

相關問題