调整div的大小以垂直适应屏幕并与固定高度div一起使用

时间:2011-04-01 08:03:34

标签: css

这可能是一个基本问题,但我一直在寻求帮助,但却未能找到解决方案。我有四个div,由标记为x,a,b和o的区域表示。我想要实现的是区域x和o具有固定高度区域a和b具有可变高度以填充屏幕的其余部分。是否有针对此问题的纯CSS解决方案,还是需要转向JS解决方案?

xxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxx
aaaaaaaaaoooooooooo
aaaaaaaaaoooooooooo
aaaaaaaaabbbbbbbbbb
aaaaaaaaabbbbbbbbbb
aaaaaaaaabbbbbbbbbb

3 个答案:

答案 0 :(得分:1)

您可以对A和B使用 faux(fake) columns css技术。然后手动将O放在内部并固定在标题X中。不需要j。

答案 1 :(得分:0)

尝试使用此:position:absolute;并漂浮到你需要的地方。

你也可以制作一个带有隐藏边框的桌子,并将你的日期放在你想要的地方。

答案 2 :(得分:0)

一种方法是使用绝对定位的混合,使用四个坐标找到身体的顶部和底部,注意:不需要是身体,如果一个元素相对定位并且有高度,AP如果它也会找到底部 -

请参阅此示例:JSFiddle