h5的div布局问题

1、div的高度自适应问题：

通过JS实现高度按比例的呈现在整个布局，函数如下：

function rfresizeHeight(domid,xwidth,xheight){
   var rate=xheight/xwidth;
   var heightshouldbe=($("#"+domid).width())*rate;
   $("#"+domid).css("height",heightshouldbe+'px');
   $("#"+domid).css("line-height",heightshouldbe+'px');
}

，类似的你可以添加相应的margin-left，margin-top等等几乎所有的属性。

2、做div自适应的页面布局时遇到了上面的div和下面的div重叠的问题，原因是，上一个div的position：absolute了，所以这个绝对定位的div就不再流里了。

3、我在div中只加了一个<P>标签，结果<p>文里的由于高度超过了相对应的div中的，后来发现原因是W3的html4.0.1明确规定P标签是不能包含块元素的孩子的。

干脆直接去掉了<p>标签。也不影响整体的文字显示效果。