身高：100％不考慮

我想模擬一個表的行爲與div。身高：100％不考慮

我有我的佈局劃分的結構分爲三列：

div#wrapper { 
    width:800px; 
    float:left; 
    height:100%; 
    margin-top:7px; 
    text-align:center; 
} 
div#left { 
    width:167px; 
    float:left; 
    padding-bottom:50px; 
    margin-right:3px; 
} 
div#main { 
    width:454px; 
    float:left; 
} 
div#right { 
    width:167px; 
    float:left; 
    margin-left:3px; 
}

包裝是三列左，主要的容器，右鍵

格「主」具有可變內容，以便在一些案件更長，在其他情況下非常短。當內容變化時，div包裝器會被改編並且沒關係，但左右列不適應包裝。

P.S沒有文檔類型沒有問題，事實上，我將左，主和右的高度設置爲100％，但是當插入transional.dtd時，div的高度不被考慮。

如何解決此問題？

對不起，我的英語！

來源

2010-03-17 Ivan90

FYI沒有必要範圍的元素都被去DIV＃等等，因爲你是已經使用ID，這應該是獨特的 – marcgg 2010-03-17 10:53:44

-1

你應該使用jQuery

 
<script type="text/javascript"> 
$(this).load(function() { 
    alert(document.documentElement.clientHeight + '+' + $(window).height()); 
    if ($(window).height() - 250 > 300) 
     $('#content').css('min-height', '224px'); 
    else 
     $('#content').css('min-height', $(window).height() - 250); 
    } 
); 
$(this).resize(function() { 
    if ($(window).height() - 250 > 300) 
     $('#content').css('min-height', '224px'); 
    else 
     $('#content').css('min-height', $(window).height() - 250); 
    } 
); 
</script> 

<div id="content" style="min-height:350px;"> 

</div>

只是改變hights的數字。

來源

2010-03-17 10:59:40 AjmeraInfo

#content在我的情況是包裝？對吧？ – Ivan90 2010-03-17 11:07:24

我討厭挑選錯誤，但如果可以在CSS中使用JQuery標準CSS「東西」，這不是一個好習慣。 – 2010-03-17 11:20:38

你是最棒的:)最後我解決了我的問題。我必須讓你虛擬咖啡:) 謝謝謝謝 – Ivan90 2010-03-17 11:21:34

你可以嘗試插入：

min-height: 100%;

爲好，以支付自己:)

來源

2010-03-17 10:43:55

最小高度：在每個div 100％？ – Ivan90 2010-03-17 10:45:24

最小高度不工作在IE – marcgg 2010-03-17 10:52:10

:(在我的情況下，最小高度不工作在任何地方。 – Ivan90 2010-03-17 10:55:42

我嘗試使用

min-height:100%;

，但我可以解決這個問題。

我在不同的論壇上看到，這是不可能的與xhtml固定高度：100％與一個div，並且解決這個問題的唯一方法是使用JQuery？

來源

2010-03-17 10:54:22 Ivan90

我@Neurofluxation同意讓我們看看有什麼我可以找到關於谷歌：

100% Height Layout Using CSS 和 CSS Faux Columns

來源

2010-03-17 11:25:08 rohancragg

好東西。謝謝。我會盡量只使用CSS。我想事實上，如果在瀏覽器中的JavaScript被禁用does not'工作！ – Ivan90 2010-03-17 11:35:40

身高：100％不考慮

回答

相關問題