Question

我是HTML＆amp;这是我的代码。我真正需要做的是从底部（-50px）＆＃34;裁剪iframe（100％）的高度。所以我需要从底部减少约50px的iframe。非常感谢你。

＆＃13;

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;
}

＆＃13;

<div class="wrapper">
  <div class="iframe">
    <iframe src=""></iframe>
  </div>
</div>

＆＃13;

Answer 1

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

calc（）函数执行计算以用作属性值。

＆＃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;

HTML - 从底部裁剪iframe

1 个答案: