html - Content.jsp 显示在左上角的一个小区域，没有充满白色背景的页面。如何设置 CSS？

Question

这是我的 Index.html；它由四个 JSP 文件组成。三个JSP文件放置正确，背景为黑色，只有content.jsp奇怪，只显示在白色背景的左上角部分。

    **#content{
      float: left;
    }**
<div id="header">
  <iframe frameborder="0" src="/header.jsp" name="header"></iframe>
</div>
<div id="nav">
  <iframe frameborder="0" src="/navigator.jsp" name="nav"></iframe>
</div>
**<div id="content">**
  **<iframe frameborder="0" src="/content.jsp" name="content";>**</iframe>
</div>
<div id="footer">
  <iframe frameborder="0" src="/footer.jsp" name="footer"></iframe>
</div>

Content.jsp 如下:

    li{
        list-style:none;
        padding:0px 5px;
        margin:0;
        display:block;
        float:left;
    }
<ul>
<c:forEach items="${page.bookList}" var="book">
<li>
    <a href="/book?method=book_detalis&b_id=${book.b_id}" ><img src="/${book.image_path}">
    ${book.name}<br>${book.price}</a>
</li>
</c:forEach>
</ul>

我在Index.html或Content.jsp中要求一段HTML元素属性代码，使content.jsp完全显示。

问题截图如下:

Answer 1

似乎没有指定 iframe 的大小所以它默认为一个小区域。

iframe {
  width: 100%;
}

有关更多信息，请参阅此问题: Full-screen iframe with a height of 100%