div+css的布局问题

[williamxiao]

一个页面中有两个横向排列层,层A和层B，他们各占页面高度的50%。

层A中有另外三个横向排列的层，层1、2、3。

层1与层2的高度固定，层3占用层A中剩余的所有高度。希望的效果见下图：


问,这个页面的CSS文件应该怎样来编写？

[wwtbless]

用框架

[williamxiao]

[Quote=引用 1 楼 wwtbless 的回复:]

用框架
[/Quote]
原来是用frameset框架的，因为在页面中使用鼠标右键菜单时框架会导致最后鼠标菜单有些被隐藏。所以现在在改成div布局。

[wwtbless]

用div的话，首先在外面定义一个固定的高度的div,里面就可以使用百分比高度了。

[dalmeeme]

这个要做到浏览器兼容的话，估计单用css很难实现，还得用js。主要是层A设的是％，而层A里的层3也是％，用js求得当时层A的高度（因为层A的高度会随着层B的高度变化），再减去层1和层2的高度，就得到层3的高度该设多少了。

[zerepxan]

简易LZ好好看看DIV的框架。。。

[shoot29]

可以用定位属性去动态设置元素的尺寸

[williamxiao]

[Quote=引用 7 楼 shoot29 的回复:]

可以用定位属性去动态设置元素的尺寸
[/Quote]

哪个属性？是position吗？

[veardn]

我记得好像可以这样的
<style>
#ddd {width:<%=param1%>px;height:<%=param2%>px;}
</style>

[williamxiao]

<%=param1%> ??

不会吧？？

[williamxiao]

[Quote=引用 4 楼 dalmeeme 的回复:]

这个要做到浏览器兼容的话，估计单用css很难实现，还得用js。主要是层A设的是％，而层A里的层3也是％，用js求得当时层A的高度（因为层A的高度会随着层B的高度变化），再减去层1和层2的高度，就得到层3的高度该设多少了。
[/Quote]

恩,用js也可行.我先试试......

不过还是希望能有直接用CSS来定义的好方法.边试边等楼下兄弟高见...

[williamxiao]

用js可以解决问题:
在页面初始时加载以下js(使用了jQuery):

//初始化界面层高度
//获得层3对象
var dealCtnt = $(".dealCtnt");
//计算层3的高度(层3的父节点,即层A的高度送去40,高度40是层1和层2的高度总和)
var dealHeight = dealCtnt.parent().height()-40;
//重新设置层3的高度
dealCtnt.height(dealHeight);

这种方法是可以解决,但是当浏览器放大缩小时层3的高度是不会自适应的.
当然,我们还可以通过js再让浏览器每间隔几秒去再改变一下层3的高度.

我想,版块HTML(CSS)中应该有人是有办法通过CSS来设置高度的.
等待解决方案....

[williamxiao]

无果，但结账。

[ycproc]

[Quote=引用 12 楼 auditionlsl 的回复:]

无果，但结账。
[/Quote]

多看看基础