模板页取子页DIV的高度

Question

子页调用了模板页，该子页的DIV高度是动态的，请问：模板页的DIV高度如何才能与子页DIV的高度保持一致？

Answer 1

你好，模板页的div无需设置高度即可，div会根据内容自动调整高度的

---

Wenn ich dich hab’,gibt es nichts, was unerträglich ist.坚持不懈！http://hi.baidu.com/1987raymond

Answer 2

模板页的DIV，分成三个LI，就是这个LI的高度不会自动调整，所以想得到子页的div高度。

Answer 3

模板页中div 的高度设置一个固定值了吗？如果设置了，则子页面的div style="height:100%"

---

【孟子E章】

Answer 4

模板页的高度没有设置固定值，只是把它分成 左中右 三栏，用li来实现，li的高度也未指定，但宽度指定了，且左右两栏有底图，中间的li来显示子页的内容。
子页显示图像，文字等等，高度不能确定，所以想在模板页中取到子页div的高度。

如果这样的方法行不通，可以指点新的方法，谢谢！

Answer 5

你好 li不是块级元素，原则上你这样做是不合理的
不过一定要做的话，通过document.getElementById('中间li里边的div的id').height来获取

---

Wenn ich dich hab’,gibt es nichts, was unerträglich ist.坚持不懈！http://hi.baidu.com/1987raymond

Answer 6

1. li不是块级元素，原则上你这样做是不合理的
那么该怎样做才比较理想的？
2. 一定要做的话，通过document.getElementById('中间li里边的div的id').height来获取
现在要的是中间的li也是未知的，要有子页的div高度来确定，要取子页的div高度。

Answer 7

参考例子

<div >
    <ul style = " list-style :none; margin :0px; padding :0px;">
   
    <li id ="li1" style=" float :left ; width :250px; background-image:url('Left_bg.png');" >
    </li>
   
    <li id="li2" style=" float :left ;width :550px;" >
        <asp:Image ID="Image1" runat="server" ImageUrl="1.bmp" />
    </li>
   
    </ul>
    <script language="javascript" type="text/javascript">
        window.onload = function() {
            document.getElementById("li1").style.height = document.getElementById("li2").offsetHeight + "px";

        }
   
    </script>
    </div>