后台iframe框架

        <div class="container theme-showcase" role="main">
            <table id="frametable" cellpadding="0" cellspacing="0" width="100%"
                height="100%" style="width: 100%;">
                <tr>
                    <td colspan="2" height="15%">
                        <div class="header">
                            <!-- header menu -->
                            <iframe id="iframe" name="top" src="jsps/top.jsp" width="100%"
                                allowtransparency="true" width="100%" height="100%"
                                frameborder="0" scrolling="no" style="overflow: visible;"></iframe>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td valign="top" width="150" height="100%">

                        <div class="left">
                            <!-- left menu -->
                            <iframe id="iframe" name="left" src="jsps/left.jsp" width="100%"
                            allowtransparency="true" width="100%" height="100%"
                            frameborder="0" scrolling="yes" style="overflow: visible;"></iframe>
                        </div>
                    </td>
                    <td valign="top" width="100%" height="100%">

                        <iframe id="iframe" name="main" src="jsps/main.jsp" width="100%"
                            allowtransparency="true" width="100%" height="100%"
                            frameborder="0" scrolling="yes" style="overflow: visible;"></iframe>
                    </td>
                </tr>
            </table>







        </div>

 

<style>
* {
    margin: 0;
    padding: 0
}

body,html {
    height: 100%;
    width: 100%;
    overflow: hidden;
} 
#frametable .header {
    height: 15%;
    background: #ddd;
    border-bottom: 0px solid #999;
}

#frametable .left {
    width: 200px;
    border-right: 2px solid #999;
    background: #ddd;
    height: 100%;
}
</style>

 

转载于:https://www.cnblogs.com/Arvin-9/p/5118956.html