Html 元素总是清除向左浮动的短项

请看这把小提琴：

右侧的项目网格项始终在左侧的

#nav

元素下方清除。一旦它们通过第一行，我希望右侧的项目始终保持对齐且从不清除。显然，我可以将

#nav

的高度设置为像1000px这样的大值，并获得所需的结果，但这不是答案

基本上，我希望

#nav

达到100%的高度，并且

#projects

尊重这一点，永远不要在下方清除，始终保持在它旁边

---

编辑-

#项目

的宽度为90%，以使网格半流体化，这不应影响此问题。

使项目网格化如下：-

#projects-grid {
    float: left;
    width: 300px;

}

或者你喜欢的任何宽度。

---

Matt

将您的项目网格化如下：-

#projects-grid {
    float: left;
    width: 300px;

}

或者你喜欢的任何宽度。

---

Matt

一种可能的解决方案是在

#projects grid

元素上设置

显示：内联块。但是请记住，您需要调整宽度，因为90%的宽度太宽，无法安装在
#nav
旁边

一种可能的解决方案是在
#projects grid
元素上设置
display:inline block
。但是请记住，您需要调整宽度，因为90%的宽度太宽，无法安装在
#nav
旁边

这就是你想要达到的目标吗

为
#项目
网格设置适当的左边距并删除其90%的宽度可以做到这一点

#projects-grid {
    margin-left: 174px;
}

这就是你想要达到的目标吗

为
#项目
网格设置适当的左边距并删除其90%的宽度可以做到这一点

#projects-grid {
    margin-left: 174px;
}

那么你想让所有的.project div都在导航的右边，永远不要去新的线路？那么你想让所有的.project div都在导航的右边，永远不要去新的线路？我现在已经修好了-这为我指明了正确的方向。但是我没有把我的问题说得特别清楚！90%太宽，无法适应项目网格，一旦我将其设置为80%并浮动，所有项目都会正常工作。我真的不应该在这方面需要帮助，但无论如何，谢谢大家！我现在已经修好了——这为我指明了正确的方向。但是我没有把我的问题说得特别清楚！90%太宽，无法适应项目网格，一旦我将其设置为80%并浮动，所有项目都会正常工作。我真的不应该在这方面需要帮助，但无论如何，谢谢大家！是的，但我想#项目网格有一个%的宽度，以便扩展以填充更大的屏幕，也可以像这样扩展-检查它！是的，但我想#项目网格有一个%的宽度，以便扩展以填充更大的屏幕，也可以像这样扩展-检查它！