Google网站内容占据了整个窗口

Question

我正在Google网站上为学校项目工作。但是，该网站看起来像

而不是

我没有添加额外的东西，谷歌网站为我添加了它。有没有办法摆脱它？

.titlebox {
  display: block;
  margin: 10px;
  padding: 50px;
  background-color: yellow;
  border-radius: 10px;
  border: 2px solid black;
  text-align: center;
}
.map {
  margin: 10px;
  display: inline;
  float: left;
  padding: 20px;
  background-color: green;
  border-radius: 10px;
  border: 2px solid black;
}
.content {
  margin: 10px;
  display: inline;
  float: right;
  padding: 20px;
  background-color: orange;
  border-radius: 10px;
  border: 2px solid black;
}
a div {
  color: black;
  text-decoration: none;
  padding: 5px;
  border-radius: 10px;
  border: 2px;
}
a:hover div {
  color: orange;
  text-decoration: none;
  padding: 5px;
  border-radius: 10px;
  border: 2px;
  background-color: blue;
}

<div class="titlebox">
  <h1>GMO DEBATE</h1>
</div>
<div class="map">
  <div text-align="center">
    <h3>pages:</h3>
  </div>
  <ul>
    <li>
      <a href="pro">
        <div>why GMOs should be labeled</div>
      </a>
    </li>
    <li>
      <a href="con">
        <div>why GMOs shouldn't be labeled</div>
      </a>
    </li>
    <li>
      <a href="info">
        <div>background information</div>
      </a>
    </li>
  </ul>
</div>
<div class="content">
  <h3>Should GMOs be labeled?</h3>
</div>

这是在一个代码框中，虽然我不认为这很重要，因为在我添加任何东西之前额外的东西就在那里。为元素添加宽度没有帮助。

Answer 1

正如您在代码框中说出代码框一样，您只能在有限的区域内显示您的内容，您将只分配一些空间75%或70%的页面显示区域。

如果您需要在整个页面上找到您想要的免费主机网站http://www.000webhost.com，并托管您的网页，您可以随心所欲地使用您的网站