2017-11-05 6 views
0

私はHTMLで&です。これは自分のコードです。私が本当に行う必要があることは、「だから私は下からは50pxについてはあまり私のiframeを持っている必要があります下(-50px)からのiframe(100%)の作物の高さです。どうもありがとう。HTML - 下から切り取った

iframe { 
 
    position: fixed; 
 
    top: -40px; 
 
    left: 0; 
 
    bottom: 0; 
 
    right: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
    border: none; 
 
    margin: 0; 
 
    padding: 0; 
 
    overflow: hidden; 
 
    z-index: 999999; 
 
}
<div class="wrapper"> 
 
    <div class="iframe"> 
 
    <iframe src=""></iframe> 
 
    </div> 
 
</div>

+1

私はそれはIFRAME '高さで動作することを確認していない:CALC(100% - は50px);' – Hareesh

答えて

0

使用calc() iframe要素の高さを計算する:

CALC()関数は、プロパティの値として使用される計算を実行

.iframe iframe{ 
 
    position:fixed; 
 
    top:0px; 
 
    left:0px; 
 
    bottom:0px; 
 
    right:auto; 
 
    width:100%; 
 
    height:calc(100% - 50px); /*using calc*/ 
 
    border:none; 
 
    margin:0; 
 
    padding:0; 
 
    overflow:hidden; 
 
    z-index:999999; 
 
    background:blue; 
 
}
<body bgcolor="White"> 
 
     <div class="wrapper"> 
 
      <div class="iframe"> 
 
       <iframe src="" 
 
       ></iframe> 
 
      </div> 
 
     </div> 
 
    </body>

関連する問題