先看看我一个简单的XHTML和HTML文件代码（部分），和我们的目标是在中期保持#容器级。













内容
Loremipsumdolorsitamet，consectetueradipiscingelit.phasellusvariuseleifend。



采用自适应边界（automargin）
在一个水平的任意元素的第一选择是使用保证金的财产（财产）和左侧设置和自动正确的价值观。但你必须指定一个#容器宽度。



# div容器{
左缘：自动；
保证金：汽车；
宽度：168px；
}
这一方案在任何现代浏览器是有效的，即使它是IE6，前提是在Web标准兼容模式（compliancemode）。不幸的是，它没有在IE / win.we以前版本的工作在这做一个表：


浏览自适应边界支持表浏览器版本支持
Internet Explorer 6，compliancemode是
Internet Explorer 6，quirksmode没有
Internet Explorer 5.5 Windows NO
Internet Explorer 5 Windows NO
IE浏览器5.2是
Mozilla所有当前版本都是
所有版本的Mozilla Firefox都是
netscape4 X没有。
netscape6 X +。
opera6.0, 7.0macintoshandwindows是
safari1.2是

尽管有浏览器的支持，但大多数设计师都主张尽可能多地使用浏览器，但我们仍然可以使用CSS来处理所有的问题。

使用文本排列（文本对齐）
此方案需要使用文本对齐属性，将其应用到体元素并给出中心值。

体{
文本对齐：中心；
}
它对各种浏览器相当，彻底地。然而，这是文本的性质，使得文本在#容器中。所以，我们必须做一些额外的工作的布置：

# div容器{
文本对齐：左对齐；
}
这允许文本对齐到默认状态。

综合边界和文本安排
由于文本布局是向后兼容的，当代浏览器支持自适应边界，所以许多设计师将它们结合起来使用跨浏览器。

体{
文本对齐：中心；
}
#容器{
左缘：自动；
右边距：汽车；
边境：1pxsolidred；
宽度：168px；
文本对齐：左对齐
}
嗯，它仍然不是完美的，因为它是黑客技术（黑客）。你必须为文本编写冗余规则。但是现在，我们可以使用一个更完美的跨浏览器方案。

负边界的解决方案
该方案必须结合绝对定位（绝对定位）。首先，这#容器是绝对定位和左偏移50%，这样的#容器的左边缘是半页的决议。接下来的#容器左边界设置为负值，而价值是对#容器宽度的一半（宽）。

#容器{
背景：# ffcurl（mid.jpg）重复ycenter；
位置：绝对；
左：50%；
宽度：760px；
margin-left: - 380px；
}
看，没有黑客技术（nohacks）！即使netscape4 X支持！