首页 > 其他分享 >div+iframe代替frameset

div+iframe代替frameset

时间:2023-05-11 13:44:25浏览次数:43  
标签:frameset hidden top overflow height iframe div 100%

 frameset和frame标签已经过时了。

框架集不能定义在body标签

 

HTML框架 - csnmd - 博客园 (cnblogs.com)

 

<html>
<head>
    <title>网上书店</title>

    <style>
        body {
            margin: 0;
            padding: 0;
            border: 0;
            overflow: hidden;
            height: 100%;
            max-height: 100%;
        }

        #frameTop {
            position: absolute;
            top: 0;
            left: 0;
            height: 100px;
            width: 100%;
            overflow: hidden;
            vertical-align: middle;
        }

        #frameContentLeft {
            position: fixed;
            top: 100px;
            left: 0;
            height: 100%;
            width: 150px;
            overflow: hidden;
            vertical-align: top;
            background-color: #D2E6FA;
        }

        #frameContentRight {
            position: absolute;
            left: 150px;
            top: 100px;
            height: 100%;
            width: 100%;
            right: 0;
            bottom: 0;
            overflow: hidden;
            background: #fff;
        }
    </style>
</head>


<body>

    <div>
        <iframe name="frameTop" id="frameTop" src="top.aspx"></iframe>
    </div>

    <div>
        <iframe name="frameContentLeft" id="frameContentLeft" src="left.aspx"></iframe>
        <iframe name="frameContentRight" id="frameContentRight" src="main.aspx"></iframe>
    </div>

</body>
</html>

 

下面在Left.aspx中调用不同的页面:  

<div>
<asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
<br />
<br />
<asp:LinkButton ID="LinkButton2" runat="server" OnClientClick="www.baidu.coom">LinkButton</asp:LinkButton>
<br />
<a href="main.aspx" target="frameContentRight">Link text1</a>

<a href="main2.aspx" target="frameContentRight">Link text2</a>
</div>

标签:frameset,hidden,top,overflow,height,iframe,div,100%
From: https://www.cnblogs.com/81/p/17390820.html

相关文章

  • # Codeforces Round 872 (Div. 2) 题解
    CodeforcesRound872(Div.2)题解A.LuoTianyiandthePalindromeString略B.LuoTianyiandtheTable略C.LuoTianyiandtheShow略D1.LuoTianyiandtheFloatingIslands(EasyVersion)题意在树上随机撒\(k(k\leq3)\)个关键点,规定一个点是好的当且仅当这个......
  • CF872 Div2
    比赛地址讲解视频......
  • Codeforces Round 683 (Div. 1, by Meet IT) ABCDF题解
    F和D都在ABC上做过类似的,但是没打好,道心破碎。。。。A.Knapsack若物品质量在[(w+1)/2,w]之间做完了否则一直贪心加voidsolve(){intn;llw;cin>>n>>w;intc=n;for(inti=1;i<=n;i++){cin>>a[i];if(a[i]>w)c--;}if(!c){......
  • 多个div放在一起,边框重叠去重
    多个div放在一起,边框如何去重先看一下效果 在看一下改进后的效果 是不是舒服多了。上代码<ulclass="firstul"><li>cell</li><li>cell</li><li>cell</li><li>cell</li><li>cell</l......
  • HTML div 和 span 标签
    4.1<div></div>-划分页面区域,独占一行4.2<span></span>-主要用于对文本独立修饰。-内容有多宽就占用多宽的空间,不换行,不破坏原有结构......
  • Codeforces Round 872 (Div. 2) A-D
    比赛地址A.LuoTianyiandthePalindromeString题意:给一个回文串,求最长的非回文子串的长度Solution判一下回文串是不是由相同的字母组成的,如果是的那么无解,如果不是答案就是len-1voidsolve(){ strings;cin>>s; intlen=s.length(); intsum=1; for(inti=1;i<s.leng......
  • CF1198 Div1做题记录
    ACF题面排序,前缀和统计\(\left[1,i\right]\)内有多少不同数字,枚举\(l\),二分\(r\),显然的是\(l,r\)等于某一个数字最好,所以可以得到对于每个\(l\),最多有多少数字不被修改。点击查看代码#include<bits/stdc++.h>#defineullunsignedlonglong#definelllonglong#d......
  • CF1825 div 2
    A结论题删掉一个或者全相同。//Problem:A.LuoTianyiandthePalindromeString//Contest:Codeforces-CodeforcesRound872(Div.2)//URL:https://codeforces.com/contest/1825/problem/A//MemoryLimit:256MB//TimeLimit:1000ms////PoweredbyCPE......
  • Codeforces Round 872 (Div. 1 & Div. 2)
    这场寄大了。Mypredictorsay-101pts。https://codeforces.com/contest/1824https://codeforces.com/contest/18252A.LuoTianyiandthePalindromeString因为给出的\(s\)是一个回文串,所以答案只可能是\(-1\)或者\(n-1\),只需要看一下删掉哪一个即可,然后判定,这些都......
  • CodeForces - 597A Divisibility (模拟)
    TimeLimit: 1000MS MemoryLimit: 262144KB 64bitIOFormat: %I64d&%I64uCodeForces-597ADivisibilitySubmit StatusDescriptionFindthenumberof k-divisiblenumbersonthesegment [a, b].Inotherwordsyouneedtofindthenumberofsuchintegerv......