css - 在没有绝对定位的情况下将 div 的位置设置为低于其他 div 的位置？

Question

请访问我的网站查看我的问题:http://amrapps.ir/personal/ .

如何在没有绝对定位的情况下将蓝色 div 置于其他 div( Logo 和彩色导航链接)的下方？ ( float :向下)

Answer 1

试试下面的 CSS:

#info {
    width: 100%;
    background-color: blue;
    height: 200px;
    clear: both;
}

由于上面的 div 有一个 float ，蓝色的 div 也向上移动。通过使用 clear: both; 清除这些 float ，div 将自动向下移动。

---

除了您的问题，这里还有一个针对您的 margin 问题的解决方案，已在评论中说明。

要更改蓝色 div 和导航之间的空间，请按如下方式更改 css:

#nav {
    float: right;
    margin: 25px 50px 75px;
    background-color: white;
}

如您所见，我使用了定义不同边距的简写方式。您可以按如下方式设置不同的边距:

边距:[上][右][下][左];

任何您未定义的边距，将采用相反值的边距。这样您就可以看到我将上边距设置为 25px，将左右边距设置为 50px，将下边距设置为 75px。