HTML - 从底部裁剪iframe

时间:2017-11-05 22:03:32

标签: javascript html css iframe

我是HTML&这是我的代码。我真正需要做的是从底部(-50px)"裁剪iframe(100%)的高度。所以我需要从底部减少约50px的iframe。非常感谢你。



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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

使用calc()计算iframe元素的高度:

  

calc()函数执行计算以用作属性值。

&#13;
&#13;
.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;
}
&#13;
<body bgcolor="White">
      <div class="wrapper">
            <div class="iframe">
                <iframe src=""
                ></iframe>
            </div>
      </div>
    </body>
&#13;
&#13;
&#13;