0

在此处输入图像描述

这是实际的 HTML 和 CSS，页脚中没有所需的溢出

并且应该使用 iframe

与您在小提琴中看到的不同，我实际上使用 iframe 以便在许多网页中重用导航元素：

<body>
<iframe class="header" src="header.html">
</iframe>
<div class="wrapper">
  <div class="left">
    <div class="holder">
      <div class="content">
      </div>
    </div>
    <iframe class="footer" src="footer.html">
    </iframe>
  </div>
</div>
</body>
4

1 回答 1

1

您可以使用@media 为不同的屏幕尺寸指定 css 规则。例如：http: //jsfiddle.net/drhe8/1/。（我将链接放在页眉和页脚中，并使用规则根据屏幕大小隐藏/显示它们。它又快又脏，但我敢打赌你会明白的。

@media screen and (max-width:800px) {
  .footer {
      display:block;
  }
  .header {
      display:none;
  } 
}
于 2013-07-07T13:11:10.137 回答