将div的位置设置为低于其他没有绝对定位的div？

Question

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

如何在没有绝对定位的情况下将蓝色div 定位在其他div（徽标和彩色导航链接）下方？ （浮动：向下）

Answer 1

尝试以下CSS：

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

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

---

除了您的问题，这里还有一个解决您的保证金问题的方法，在评论中说明。

要更改蓝色div和导航之间的空间，请按如下所示更改css：

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

正如您所看到的，我使用了定义不同边距的简写方法。您可以按如下方式设置不同的边距：

margin: [top] [right] [bottom] [left];

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