Question

今天的问候！

我正在开发一个演示网站。这是我的主页。我将此页面分为4个部分。我也成功制作了顶级乐队和中间乐队。但是，我无法显示页脚部分。以下是仪表板/主页html文件：

<!DOCTYPE html>
<html>
<body>

<!-- Header part -->
  <header>
   <center><h1>Shiksha University</h1></center>
  </header>


<!-- Center part -->
<div class="container">
    <div class="left">
    left item1<br/>
    left item2<br/>
    left item3<br/>
    </div>
</div>

<div class="container">
    <div class="right">
    right item1
    right item2
    right item3 
    </div>
</div>

<style type="text/css">
    .container {
      width:500px;
    }
    .left {
      width:250px;
      float:left;
    }
    .right {
      width:250px;
      float:right;
    }/style>


<!-- Footer part -->
<footer>
  <p>Posted by: Hege Refsnes</p>
  <p>Contact information: <a href="mailto:someone@example.com">
  someone@example.com</a>.</p>
</footer>   
</body>
</html>

我无法在html页面中实现页脚部分，请帮助：）

Answer 1

对于初学者来说，你的风格标签并没有关闭。可能是你的问题

<style type="text/css">
.container {
  width:500px;
}
.left {
  width:250px;
  float:left;
}
.right {
  width:250px;
  float:right;
}
</style>

Answer 2

关闭“样式”;）

<!DOCTYPE html>
<html>
<body>

<!-- Header part -->
  <header>
   <center><h1>Shiksha University</h1></center>
  </header>


<!-- Center part -->
<div class="container">
  <div class="left">
  left item1<br/>
  left item2<br/>
  left item3<br/>
  </div>
</div>

<div class="container">
  <div class="right">
  right item1
  right item2
  right item3	
  </div>
</div>

<style type="text/css">
  .container {
    width:500px;
  }
  .left {
    width:250px;
    float:left;
  }
  .right {
    width:250px;
    float:right;
  }/style>

</style>
<!-- Footer part -->
<footer>
  <p>Posted by: Hege Refsnes</p>
  <p>Contact information: <a href="mailto:someone@example.com">
  someone@example.com</a>.</p>
</footer>   
</body>
</html>

带页脚的HTML主页

2 个答案: