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％高度

回答

相关问题