Question

我有3个DIV，一个在顶部宽度100％，另外两个在下面。

下面，我有一个DIV在左边，另一个在右边，它包含一个iframe。因为iframe中的页面太长，会导致iframe上的导航栏与浏览器中出现的另一个导航栏一起出现！

我尝试overflow-y:hidden;，但没有帮助。然后我尝试scrolling="no"，iframe的滚动栏消失，但我滚动到页面底部。

您是否知道如何摆脱iframe的滚动条，并可以使用浏览器的导航栏查看底部页面？谢谢！

HTML

<div class="top">hthe</div>
<div class="left">nhnn ngbgw b bw</div>
<div class='right'><iframe src='http://javascript.about.com/od/ajax/a/ajaxasyn.htm'  style='border:0'></iframe></div>

CSS

    .top{
        float:left; 
        width:100%; 
        height:230px; 
        background-color:green;
    }
    .left{
        float:left; 
        width:30%; 
        background-color:red
    }
    .right{   
        height: 100%;
        max-width: 100%;
    }
    .right iframe{
        position: absolute;
        top:230px;
        left: 30%;
        bottom: 0;
        width: 70%;
        height: 100%;
        float:left;
        overflow-y:hidden;
    }

Answer 1

试试这个---

<div class="top">hthe</div>
<div class="left">nhnn ngbgw b bw</div>
<div class='right'><iframe src='http://javascript.about.com/od/ajax/a/ajaxasyn.htm' 
scrolling="no" style="border:0;overflow:hidden;display:block; 
position: absolute; height: 100%; width: 100%"></iframe></div>

http://jsfiddle.net/leowebdev/tm38f245/

使用Iframe的2个导航条

1 个答案: