当前位置:编程学习 > html/css >>

如何实现上左右在个DIV满屏布局?

 1.实现上、左、右三块组成样式的全屏布局?2.A区和B区,也要能够在指定的区域内实现 height:100%,但不得超出边界。 红色:div1蓝色:div2黄色:div3A区:div4B区:div5
答案:兄弟,div实现不了100%高度,最多只能自适应高度.你还是在iframe上定高度吧
=============================================
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title>左右分栏</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta content="MSHTML 6.00.2900.2180" name="GENERATOR">

    <script language="JavaScript"> 
//左右 
function switchSysBarl(){ 
var imgsrc; 
imgsrc=document.all("makeleft").src; 
document.all("makeleft").src="img/menu_open.gif"; 
document.all("makeleft").title="显示左边的菜单"; 
parent.document.all("bbs_left").style.display="none"; 
} 
else{ 
document.all("makeleft").src="img/menu_close.gif"; 
document.all("makeleft").title="隐藏左边的菜单"; 
parent.document.all("bbs_left").style.display=""; 
} 
} 
    </script>

    <link rel="shortcut icon" href="favicon.ico">
</head>
<body bottommargin="0" leftmargin="0" topmargin="0" scroll="no" rightmargin="0">
    <div style="z-index: 2; visibility: inherit; width: auto; height: auto; float: left;"
        frameborder="0" scrolling="no" target="main">
        <iframe name="bbs_left" style="z-index: 2; visibility: inherit; width: 180px; height: 100%"
            src="left.htm" frameborder="0" scrolling="no" target="main"></iframe>
    </div>
    <div style="background-color: #005fbd; width: 10px; float: left; height: 800px; cursor: hand;
        padding: 300px 0px 0px 0px;" id="menuSwitch" onclick="switchSysBarl()">
        <img src="img/menu_close.gif" name="makeleft" width="10" height="10" border="0" id="makeleft" /></div>
    <div style="float: left; width: auto;">
        <iframe name="bbs_main" style="z-index: 1; visibility: inherit; width: 100%; height: 100%" src="right.htm"
            frameborder="0" scrolling="yes"></iframe>
    </div>
</body>
</html>

上一个:用div嵌套表格符合w3c标准吗?
下一个:我用JS调用一个层 为什么IFRAME 加在这个DIV上面 select总是显示层上面

CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,