HTML/CSS底部导航错位

Question

我在HTML和CSS方面都很新，但在学习的道路上。我遇到了困难，我似乎无法解决这个问题。当我查看我的网页时，我注意到当我检查元素时，bottomnav div和ul div都是我的主div的大小，基本上是0.

这导致我在尝试放置寄存器在我的底部导航。

图像的都不是工作，但在这里它是 代码：http://jsbin.com/xuluqugovu/edit?html,css,output

感谢任何人对这一帮助。

Answer 1

在.main规则集overflow:auto（因为它的内容是浮动的，它并没有扩展到包含这些）