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

Hy all，我有一個非常基本的問題，我用javascript和CSS創建了一個左側菜單，我只是想在點擊菜單時在左側，內容將在右側加載。所以我的html結構應該分爲兩部分：左部分和右部分。所以基本上我想知道在HTML5提前做這個感謝的最好方式HTML5：如何將元素從左側菜單加載到右側

來源

2012-03-16 ELias Rahme

你可以使用的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。

來源

2012-03-16 06:52:02 Tom

我感謝你的回覆，但你能給出一個相對的解決方案嗎？我不想修復任何數字，我想要左邊的相對數字需要30％的屏幕大小，右邊的需要70％......如何去做/ – 2012-03-16 08:07:37

這並不容易;你的菜單將會有一定的寬度。如果您給出左側30％和右側70％，如果您的頁面變寬，則菜單和正確內容之間會有很大的空間。你可以讓你的菜單在左邊部分內部浮動，如果你的頁面很寬，那麼你的左邊就會有空白。這取決於你擺弄它，並嘗試不同的分辨率。我通常給容器如左，右和容器一個絕對寬度，所以我知道我最終會得到什麼;它使事情變得更容易。 – Tom 2012-03-16 08:35:13

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

回答

相關問題