HTML5：如何将元素从左侧菜单加载到右侧

Question

Hy all， 我有一个非常基本的问题，我已经创建了一个带有javascript和CSS的左侧菜单，我只想在我点击左边的菜单时，内容将在右侧加载。所以我的html结构应该分为两部分：左部分和右部分。 所以基本上我想知道HTML5中最好的方法来做到这一点 提前致谢

Answer 1

您可以使用div将页面分成两部分;类似的东西：

#container {
    width: 1000px;
}
#left {
    width: 300px;
    float: left;
}
#right {
    right: 700px;
    float: right;
}

<div id="container">
    <div id="left"></div>
    <div id="right"></div>
</div>

您可以选择如何在右侧加载内容。您可以使用Ajax加载正确的内容，但根据您的网站有多大或多复杂，这可能会很麻烦。您只需刷新整个页面，但您必须确保菜单保持同步。您还可以在右侧放置许多div，并在单击菜单时显示正确的div。