今天又开始仿制,碰到一个问题,文章上下篇横向排版时div高度不一致,由于加了边框,看起来很不和谐。
js设置div的动态高度相同

php没有办法解决,想来也是用判断句。上网搜也说用js,于是就有了下面的方法:
首先这两个div的高度属性不能限定,也就是要么不设置,要么auto。然后才能用js判断句进行高度相同的调节。
剩下就简单了,可以做个函数,或者直接丢到 $(document).ready(function() {});
往往都要考虑ajax,所以写成了函数放进重新加载里面。函数如下:

//函数:设置上下篇div高度相同
function rpHeight(){
    var ppheight = document.getElementById( "p_p" ).offsetHeight; //获取id为p_p的上篇div高度
    var npheight = document.getElementById( "n_p" ).offsetHeight;// 获取id为n_p的下篇div高度
    if (ppheight < npheight){ document.getElementById("p_p").style.height = document.getElementById("n_p").offsetHeight-24+"px";}// 若上篇高度小于下篇则设置其与下篇相同
    if (npheight < ppheight){ document.getElementById("n_p").style.height = document.getElementById("p_p").offsetHeight-24+"px";}// 若下篇高度小于上篇则设置其与上篇相同
}

效果如下:
js设置div的动态高度相同