基本CSS：无序列表扩展到容器div之外？

自从我真正开始CSS工作以来，我一直在尝试用菜单栏制作一个简单的布局。其想法是让一个容器在屏幕中央容纳所有内容，并有一个菜单栏无序的内联列表，该列表在整个屏幕上运行，但列表项将包含在容器中

我知道这不是真正的编程，但这似乎是发布这个问题的最合适的地方。让我知道是否有更好的/r/用于此操作。

使ul宽度为100%，li浮动为：正确

编辑： 没有意识到你想要ul延伸到窗户的宽度。。。有点奇怪，但你可以用javascript实现：

您使容器溢出：show 然后使用js，你会看到一个全宽的窗口，现在还不知道如何做到这一点，但是使用jQuery或mootools应该很容易。。。然后做那个尺寸的ul宽度。 然后将ul padding rigth设置为window_width-container_width/2 让李浮起来：对

---

我认为没有javascript是不可能的，除非你为ul（如1600px）固定一个静态大小，但我不建议这样做，因为它只能在分辨率为1600px的屏幕上正常显示，你真正想说的是你希望容器的孩子突破它的界限，然后你想让它的孙子尊重它的边界

---

您的方法会有点混乱，我建议您使用另一种方法。

就我个人而言，我会使用背景图像在容器外部添加视觉效果，但我想html/css也可以：

添加一个额外的100%宽度div并定位该绝对值，使其位于正常文档流之外 将ul放入宽度为1024px的div中，并自动设置边距 让李向右浮动

---

您可能还必须在容器中添加一种分隔符div，以避免内容隐藏在菜单栏后面。

为什么您希望您的UL占据页面的100%？如果您只需要在整个页面上扩展颜色栏，那么还有其他选项可以让您的CSS更加整洁。