Html 如何进行动态内容定位？

你会看到很多网站的内容都非常集中，比如dribble.com。即使调整了窗口的大小，内容仍保持居中，当它碰到页面的侧面时，也会停止

我真的很想在我的网站上看到这种行为，但我不确定如何使用CSS来实现这一点。。。我知道

position

属性并使用百分比进行左/右定位，但它似乎并没有那么简单

有人能帮我弄明白怎么做这样的事吗

我知道position属性并使用百分比进行左/右定位，但它似乎并没有那么简单

更简单

selector-that-matches-a-container {
    width: <some length>
    margin: auto;
}

selector-that-matches-a-container{
宽度：
保证金：自动；
}

标准做法是使用一个div来包装以您为中心的内容，例如

<div id="container">
   ...everything you want to center
</div>

也许有了这个CSS：

.content {
  position:absolute;
  left:100px;
  right:100px;
}

---

显然，您需要为容器指定一个宽度才能使其生效。@Pete，woops！感谢您的通知。@Duopixel如果我的容器中有绝对定位的东西，这仍然有效吗？您还可以添加

max width

以防止水平滚动条<编码>宽度：970px；最大宽度：90%@Tory Waterman如果使用此方法的元素具有

位置：相对

或

位置：静态

（默认值）将独立工作其子元素的位置您的站点是什么？dribble.com使用众所周知的

margin:0 auto

作为其

#内容
div
（
width
是必需的）@Sotiris它现在是一个私人网站。@Tory Waterman我的答案和
margin:0 auto
的区别在于，我的答案两边都会保持一个固定的边距（100px）。另一个答案将根据内容调整
div
。现在您可以选择您喜欢的
；o） 
这个问题问的是固定宽度的设计，它是居中的，直到窗口太窄，然后左对齐-所以没有。因为这在旧版本的IE中不起作用-双倍没有。如果我的很多材料有
绝对定位，这将不起作用，是吗？不是。绝对定位是相对于包含块的。如果您的包含块当前是窗口，那么您只需要在DOM中建立一个，方法是在容器上设置
位置：relative
。我意识到如果您没有看到我的代码，这可能是一个模糊的问题，但我的页面左端不会缩小，似乎在页面的左端和我的内容之间总是有一个相当大的空白。。。我似乎找不到任何可能导致这种情况的定位或保证金性质。
.content {
  position:absolute;
  left:100px;
  right:100px;
}