HTML5：如何將元素從左側菜單加載到右側

Question

總而言之，我有一個非常基本的問題，我創建了一個帶有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。