css - 来自 ul 元素的背景覆盖整个页面

Question

红色背景覆盖了我的名字和导航栏，而不是我的背景只作为 ul 元素中 4 种不同类型陶器的背景。为什么要这样做？我试图让所有东西都相对定位，但似乎没有什么不同。为什么 ul 元素不跟随文档的流向，它应该位于我的名字和导航下方。

请指教，看这里的例子:example

Answer 1

如果我解决了你的问题，那么这就是解决方案

检查这个更新的 fiddle :http://jsfiddle.net/4GUkU/2/

注意:如果我在这里滞后，请告诉我，以便我可以根据要求进行更改。