Как установить iframe для заполнения ширины страницы?

Question

Я хочу, чтобы следующие элементы, встроенные с помощью iframes, заполняли всю ширину страницы.Теперь, возможно ли заполнить ширину, несмотря на использование iframes, или потому что я использую iframes, это то, что ближе всего к краям, которые могут касаться верхний и нижний колонтитулы?

От html:

       <header>
            <iframe src="header.html" frameborder="0" width="100%" height="270"></iframe>
        </header>
<div id="wrap">
            <iframe src="nav.html" frameborder="0" width="100%" height="150"></iframe>

            <iframe src="footer.html" frameborder="0" width="100%" height="100"></iframe>
        </div>

От css:

header {
    background-color: #fff;
    margin-bottom: -2%;
}
nav {
    background-color: #2c3e2c;
    overflow: auto;
}
nav a {
    color: #fff;
    font: 24px Tajawal, "Times New Roman", Arial, sans-serif;
    text-decoration: none;
    text-shadow: 2px 2px 3px #4e4337;
    text-transform: uppercase;
}

footer {
    background-color: #2c3e2c;
    color: #fff;
    font: 22px Tajawal, "Times New Roman", Arial, sans-serif;
    padding: 1% 0 1% 0;
    text-align: center;
}

Answer 1

Проблема на самом деле не в том, что вы используете iframes, а в том, что браузеры добавляют на свои страницы автоматический 8px из margin.Чтобы исправить это (позволяя элементам достигать абсолютного края страницы), вам нужно установить следующее:

body {
  margin: 0;
}