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>

Я запрашиваю фрагмент кода свойств элемента HTML в Index.html или Content.jsp, который позволяет полностью отображать content.jsp.

Ниже приведен скриншот проблемы:

Answer 1

Кажется, что нет ничего, чтобы указать размер iframe, поэтому по умолчанию он имеет небольшую область.

iframe {
  width: 100%;
}

Подробнее см. Этот вопрос: Полноэкранный фрейм с высотой100%