DIV不对齐正确

Question

这里是我的网页：

https://i.stack.imgur.com/mKp9H.png

我不知道为什么它不对齐的......我在新手和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; 
 
}

LINK TO PASTEBIN。

我需要这个为我的学校，我无法解决这个问题。 我一直在尝试过去几个小时才得到它的工作，我试图谷歌的修复，但他们似乎没有工作，或者我太笨了。

PS：对不起，我的英语和我的“技能”html。

Answer 1

您可能想要将所有内容放入容器中。 “nav”，“content”等目前不在容器内，因为容器在“nav”开始之前关闭。要将所有内容都放入容器中，必须在<DIV ID="nav">之前删除</DIV> -tag。这也最终解决了流浪</DIV> -tag的问题。希望这可以帮助。