根据容器设置高度

Question

我正在尝试创建一个类似app的网站，但我正在努力在容器中放置一个容器。

你可以看到我扩展＆＃34;摘要＆＃34;容器不会留在另一个容器内。

我该如何解决这个问题？

这是我的HTML的一部分：

<div class ="block" id="page2" heigth=100% style="display: block;">
            <details>
                <summary id="resultnaam">Sensire</summary>
                <p padding=5px>MMMMMM
                MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
                MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
                MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
                MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
                MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
                MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM</p>
            </details>
            <div class="block" id="iframeblock">
                <iframe src="secretlinkgg" width=100% heigth=100%</iframe>
            </div>
    </div>

以下是一些CSS：

.block {
    text-align: center;
    position: relative;
    margin: 5px;
    height: 100%;
    border-radius: 6px;
    -webkit-box-shadow: 
      inset 0 0 10px rgba(0,0,0,0.18),
            2px 3px 16px rgba(0,0,0,0.6);
    -moz-box-shadow: 
      inset 0 0 10px rgba(0,0,0,0.18),
            2px 3px 16px rgba(0,0,0,0.6);
    box-shadow: 
      inset 0 0 10px rgba(0,0,0,0.18),
            2px 3px 16px rgba(0,0,0,0.6);
    background: whitesmoke;
}
#iframeblock {
        padding: 10px;
        display: flex;
        height: 85%
    }

请帮助：）

Answer 1

它已经修好了。

我使用的代码是正确的：P