css - 基本 CSS : having unordered list extend beyond container div?

Question

自从我真正投入 CSS 工作以来已经有一段时间了，我正在尝试使用菜单栏制作一个简单的布局。这个想法是让一个容器在屏幕中央容纳所有内容，并有一个菜单栏(无序内联列表)运行整个屏幕，但列表项包含在容器中。

See this pic for a visual example

附言。我知道这不是真正的“编程”，但这似乎是发布此问题最合适的地方。如果有更好的/r/可以让我知道。

Answer 1

使 ul width: 100% 和 li 的 float: right

编辑:没有意识到你想让 ul 扩展到窗口的宽度......有点奇怪，但你可以用 javascript 做到这一点:

1. 您使容器溢出:显示
2. 然后使用 js 获得窗口全宽(现在不确定如何执行此操作，但使用 jQuery 或 mootools 应该很容易......)然后将 ul 宽度设置为该大小。
3. 然后将 ul padding-rigth 设置为 (window_width - container_width)/2
4. 让 li 的 float: right

我认为没有 javascript 是不可能的，除非你为 ul 固定一个静态大小(比如 1600px)，但我不推荐这样做，因为它只能在分辨率为 1600px 的屏幕上正常显示