帮助css布局

Question

我试图重新创建以下屏幕截图中显示的以下布局。

我想问一下创建菜单和内容部分的最佳方式..我不太清楚如何将所选菜单选项加入内容部分，任何建议都会很棒

我还应该使用ul / li作为菜单吗？

顶部的菜单栏（在哪里说是创造）我应该使用一个大的div，每个项目都在内部？

感谢您的帮助

Answer 1

为了重新创建此布局，您需要学习各种概念。

首先，如何设置无序列表（<ul><li>）的样式以用作导航。

其次，您需要了解如何使用float:left|right或position:absolute|relative定位元素。

最后，也许最重要的是，您需要了解如何使用Google Chrome的开发者工具或Mozilla Firefox的Firebug，因为这些是阅读和编写html / css不可或缺的工具。具体来说，您将需要这些工具来检查其他网站的代码，以了解它们如何实现其设计。这可能是学习代码的最好方法之一（至少对我而言）。

提供如何完成所有这些操作的详细说明将花费太长时间，并且真正减损您将通过Google搜索获得的宝贵学习经验，摆弄原始源代码，并尝试在您自己的网站中重新创建它。如果在那个阶段的任何时候你都无法实现某些东西，那么无论如何都要回到stackoverflow并寻求帮助：）