页面右侧的HTML导航栏

我希望在页面的右侧有一个导航栏，以250px的速度显示，根据窗口大小，主要内容可以显示剩余的空间。尽管如此，我希望HTML中的主要内容出现在导航之前，所以先是左侧，然后是右侧

我在左侧实现了一个导航栏，如下所示：

#left {
    float:left;
    width:250px;    
    background: blue;
}

#right {
    margin-left: 250px;
    background: orange;
}

---

如何在不重新排序HTML的情况下将其移到右侧？

只需在css中将

左

更改为

右

：

html，
身体，
div{
身高：100%；
}
#左{
浮动：对；
宽度：250px；
背景：蓝色；
}
#对{
右边距：250px；
背景：橙色；
}

html，
身体，
div{
身高：100%；
}
#对{
浮动：对；
宽度：250px；
背景：蓝色；
}
#左{
背景：橙色；
浮动：左；
}

你好
内容在左侧。

你想把导航栏放在右边吗？我已经在这里做了这些更改-右边的下拉菜单？@Sam你缺少一些CSS规则，把

#right

和

#left

弄得一团糟