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：如何将元素从左侧菜单加载到右侧

回答

相关问题