最小高度:100%;不使用jQuery treeview插件

时间:2010-02-15 22:15:51

标签: jquery css treeview

我有一个使用Divs的双列css布局,我想用紫色条分开。

link is an example

单击页面上的“Click Me First Link”。注意右边的第二个栏。

现在点击页面上的“Click Me Second”链接。请注意,额外的栏会一直向下,但第一个栏(例如左栏,右栏属性)不会让步。

现在点击“全部展开”链接。现在左侧的栏杆一直向下,让“第二个栏杆”看起来更短。

我只想要一个坚固的酒吧一路向下。

有人有什么想法吗?

2 个答案:

答案 0 :(得分:0)

为什么不使用height: '100%'

注意'标签。并且由于100%是最大高度,因此您应该使用height属性。因为IE6中不支持min-height

答案 1 :(得分:0)

你想要人造柱技术:http://www.alistapart.com/articles/fauxcolumns/。这似乎不直观和令人讨厌,但多年来一直是达到这种效果的标准方式。

使用css display:table http://www.onenaught.com/posts/201/use-css-displaytable-for-layout也可以(事实上,以更合理的方式)但在足够的浏览器中不支持。