iframe没有跨越全宽

Question

我目前正在模态中使用iframe来显示一些信息。但是，这个iframe拒绝占用其容器的整个高度和宽度。 这就是我现在所拥有的：

第一段代码是iframe在

中的模态的CSS

<iframe id="ifrmEmail" class="resizeableIframe" name="ifrmEmail" scrolling="no" frameborder="0" height="242" width="100%"></iframe>

这就是iframe所拥有的

uiModalContent

我已经将高度和宽度更改为100％但是当我这样做时，import matplotlib.pyplot as plt import numpy as np example_data = [[1,2,1], [1,2,2,2], [3,2,1]] data_len = [len(i) for i in example_data] labels = ['one','two','three'] fig, ax = plt.subplots() ax.bar(range(1, len(data_len)+1), data_len, color='yellow', align='center') ax2 = ax.twinx() ax2.boxplot(example_data) ax2.set_ylim(ax.get_ylim()) ax.set_xticklabels(labels, rotation='vertical') plt.show() 会得到一个不理想的滚动条。有人知道解决方法吗？

Answer 1

只需删除 .uiModalContent 的填充，或将其设置为0。

Fiddle

Answer 2

给位置：绝对;，宽度和高度为100％，

.uiModalContent {
  background: #ffffff;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: auto;
  padding: 0;
  border: #222222 1px solid;
}