CSS邊框上的100％高度

我一直在玩下面的代碼幾個小時，而且還沒有能夠在我的容器中獲得黃色的列邊框來擴展到容器的100％高度。CSS邊框上的100％高度

我在發佈之前通常會縮短我的代碼，但由於左右圖像窗格是一個因素，我保留了一切。

我的jsfiddle - http://jsfiddle.net/anvio/KErVs/2/

任何人有我應該嘗試什麼什麼想法？謝謝。

來源

2011-09-14 SineCosine

你能給我們更多的環境？ 100％的模塊容器，正文，表格？我假設你說的是垂直的黃線。有一些標記的圖片勝過千言萬語=） – mrtsherman

是啊哈哈我說的是黃色垂直線 – SineCosine

我認爲這可能是你想要什麼：

如果添加height到module-inner-container

<div class="module-inner-container" style="height:38px;">

並刪除min-height從.module-container .body .content

.module-container .body .content{ 
    min-height:100px; //REMOVE THIS 
    background-repeat: repeat; 
    background:url("//image") repeat; 
    position:relative; 
}

的邊界延伸到底部。

例子：http://jsfiddle.net/jasongennaro/KErVs/4/

來源

2011-09-14 03:27:42

但是，如果您添加或刪除單元格內的文本，如「列3測試」，那麼邊界不會伸展一直往下。容器不會是靜態的，因此邊界需要能夠與容器一起擴展。 – SineCosine

CSS邊框上的100％高度

回答

相關問題