0
我知道这已被问到其他地方,但我找不到解决方案。我有一个简单的布局。一个容器Div,里面有两个浮动div。左边的div保存导航并具有背景图像。正确的div有一个坚实的背景,并基于每个页面的内容动态。我没有问题的内容股利。我的问题是我想要左div“垂直”以匹配内容div的高度。正在发生的事情是左侧仅延伸至最小高度值。这里是我的CSS:制作两个浮动div匹配高度
#containerTemp {
margin-left:auto;
margin-right:auto;
width:1000px;
min-height:100px;
height:auto;
}
#containerNavigation {
width:210px;
float:left;
background-image:url(../images/template/linkbgd.gif);
background-repeat:repeat-y;
min-height:500px;
height:100%;
}
#containerContent {
width:790px;
background:#FFFFFF;
background-repeat:repeat-y;
float:right;
min-height:500px;
height:100%;
}
您可以通过访问这个页面看到这个问题:http://www.athensfireandrescue.org/?pid=7
我相信它的东西简单,但我不能把我的手指上。对于多余的问题抱歉,但我的搜索没有提出可行的解决方案。
我把这个页面翻过来,并没有意识到还有剩下的表格。接得好。删除表格以及内联样式。现在的新问题:-)我的一个浮动div的内容正在流过容器div。添加一个清晰的类似乎没有办法。你可以再次看同一页面,看看你是否能看到问题。 – derekbelcher 2013-05-07 22:37:04
那么解决它的一种方法是将溢出设置为自动在'.content {overflow:auto;溢出 - X:隐藏;}'。但是我不确定那是你想要做的。这真的取决于你的设计看起来像我猜。您的内容容器中还有一个''标签和一个'
到达那里。溢出:自动...给我的div内的滚动条。我只是想要整个容器div(.template)扩展以适应任何内容。没有滚动条的内容。宽度将永远不会比内容div宽,但高度将根据每个页面的内容动态变化。 – derekbelcher 2013-05-07 22:58:06