使得浮动的div填补垂直空间时空间动态

考虑以下几点：使得浮动的div填补垂直空间时空间动态

+----------------------------------------+ 
| Div A         | 
|          | 
| +----------+ +-------------------+ | 
| | Div B | | Div C    | | 
| |   | |     | | 
| +----------+ |     | | 
|     |     | | 
?     ?     ? ? 
|     +-------------------+ | 
+----------------------------------------+

一个股利同时包含B和C.

事业部B就永远只能持有的内容一行。

Div C包含变量项目计数列表，因此高度高度可变。

Divs B和C具有设定的宽度。

事业部C'S高驱动器事业部A的高度

我怎样才能使事业部B上下移动扩展，以便与事业部C的未知高度？

由于各种原因不值得进入，表格在这种情况下不起作用。

来源

2011-12-01 Drew

我前一段时间遇到了这一点，我发现这一点：

http://abcoder.com/css/css-equal-height-columns/

没有关于使用jQuery或纯CSS的解决方案。它为我工作，我希望这是你在找什么。干杯!

来源

2011-12-01 08:18:45 Vern

链接已经死了。因此，为什么连接的答案是皱眉。 – gbtimmon

如果设置事业部A的高度，然后你可以事业部B的高度设置为100％

#divA{height:700px;} 
#divB{height:100%;}

，或者如果你试图做一个2列的网页布局，可以脱去了身上的工作

body{height:100%;} 
#divA{height:auto;} 
#divB{min-height:100%;}

，这里是一个JavaScript解决方案

<script type="text/javascript"> 
    var h = document.getElementById("divA").offsetHeight; 
    document.getElementById("divB").style.height = h + "px"; 
</script>

来源

2011-12-01 08:36:23

有很多方法可以做这样的事情，这就是所谓的“Faux Column s“。

有descried上sitepoint的方式，有a few more ways，而且也使用Nettuts

描述CSS3渐变的方式BTW，所有的这些方法只使用CSS，没有JavaScript

来源

2011-12-01 08:38:19

该链接指向谷歌搜索虚假列，我认为一些更具体的代码会更好，而不是鸟饲养等。 – Peege151

你是对的，@ Peege151。另一方面，现在这个整体的答案并没有那么重要，因为''flex''，'flex'很容易解决问题， –

使得浮动的div填补垂直空间时空间动态

回答

相关问题