左边导航树，右面页面的问题

最新推荐文章于 2022-10-15 22:05:45 发布

wzuden

最新推荐文章于 2022-10-15 22:05:45 发布

阅读量4.5k

点赞数 2

分类专栏：实习总结

本文链接：https://blog.csdn.net/wzuden/article/details/51804197

版权

实习总结专栏收录该内容

18 篇文章 0 订阅

订阅专栏

1、使用table标签的问题

代码：

<TABLE border=0 height="100%" align=left>
    <TR>
        <TD width=260px height="200px" align=left valign=top style="BORDER-RIGHT: #999999 1px dashed">
            <ul id="tree" class="ztree" style="width:260px; overflow:auto;"></ul>
        </TD>
        <TD>
        <td>
            <iframe name="ifrm" id="ifrm" width="700px"  height="160px" allowtransparency="true" style=""  frameborder="0" src=""       scrolling="no"/>您的浏览器不支持iframe！</iframe>
        </td>
        </TD>
    </TR>       

</TABLE>

问题：见下面的图片
这里写图片描述

左右不对齐，暂时没找到table标签解决方法，如有人知道请联系我。感谢！

2、解决对齐的方法

不使用table标签，改用div标签。代码如下：

<div border=0 height="100%" align=left style="overflow:auto">

        <div width=260px align=left valign=top style=" float:left;BORDER-RIGHT: #999999 1px dashed">
            <ul id="tree" class="ztree" style="width:260px; overflow:auto;"></ul>
        </div>

        <iframe name="ifrm" id="ifrm" width="70%"  height="216px" allowtransparency="true"  frameborder="0" src="" scrolling="no"></iframe>
</div>