在 100% 宽度的父 DIV 内居中固定宽度 DIV答案

【问题标题】：Centring fixed width DIV inside 100% width parent DIV在 100% 宽度的父 DIV 内居中固定宽度 DIV
【发布时间】：2011-01-21 21:11:48
【问题描述】：

我有一个类似于下面的设置：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml”>

<div id=“a” style=“width: 100%”>
<div id=“b” style=“width: 200px; margin: 0 auto”>
</div>
</div>

除 IE 外，这一切都很好。

任何人都知道发生了什么以及如何解决它。我知道文本对齐技巧，但必须有更好的方法。我讨厌草率的代码:-)

干杯

【问题讨论】：

这应该在 IE6+ 中工作（假设您的原始代码不使用那些花哨的引号！）。你能再展示一些原始代码吗？
试试blueprintcss.org，因为它将你的CSS变成一个网格。

标签： css width margin

【解决方案1】：

文本对齐技巧是我用过的。我也讨厌草率的代码，但是嘿，它是 IE。

我想到的可能是您需要将宽度设置为它之外的所有元素。也尝试将宽度设置为 html 和 body。

您缺少正文标记，您注意到，由于您的代码与有效代码相差甚远，这一定只是一个示例，对吧？

【讨论】：