DIV未正确对齐

时间:2017-10-16 17:10:38

标签: html css alignment

这是我的页面:

PASTEBIN

我不知道为什么它不对齐......我是htmlCSS中的新手。

这是我的代码:



#container {
  width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

#logo {
  background-color: black;
  color: white;
  text-align: center;
  padding: 15px;
}

#nav {
  min-height: 640px;
  width: 130px;
  background-color: lightgray;
  float: left;
}

#content {
  min-width: 687px;
  padding: 20px;
  float: left;
}

#ad {
  float: left;
  width: 122px;
  min-height: 620px;
  background-color: yellow;
  padding: 10px;
}

#footer {
  clear: both;
  background-color: black;
  color: white;
  text-align: center;
  padding: 20px;
}




链接到Laravel Docs

我的学校需要这个,我无法解决这个问题。 我已经尝试了几个小时才能让它工作,我试图谷歌修复,但他们似乎没有工作或我太愚蠢。

PS:对不起我的英语和我的技能"在html

1 个答案:

答案 0 :(得分:0)

您可能希望将所有内容放在容器中。 &#34; nav&#34;,&#34;内容&#34;由于容器在&#34; nav&#34;之前关闭,因此当前不在容器内。开始。要将所有内容放入容器中,您必须在</DIV>之前删除<DIV ID="nav"> - 标记。这也解决了最后的迷路</DIV> - 标记的问题。希望这会有所帮助。