将固定宽度 DIV 置于 100% 宽度父 DIV 内居中
我有一个类似于下面的设置：
<!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 之外的所有内容中都很好。
任何人都知道发生了什么以及如何解决它。我知道文本对齐技巧，但必须有更好的方法。我讨厌草率的代码:-)
干杯
I have a setup similar to below:
<!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>
And this centres fine in everything except IE.
Anyone have any idea what is going on and how to fix it. I know of the text-align trick, but there must be a better method. I hate sloppy code :-)
Cheers
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
文本对齐技巧是我用过的。我也讨厌马虎的代码，但是嘿，这是 IE。
我想到的是，也许您需要将宽度设置为它之外的所有元素。尝试将宽度设置为 html 和 body 。
您缺少 body 标签，您注意到，由于您的代码离有效还很远，这一定只是一个示例，对吧？
Text-align trick is something I've used. I hate sloppy code too, but hey, it's IE.
Something that comes to my mind is that maybe you need to set the width to all elements outside it. Try setting width to html and body too.
You're missing your body tag, you noticed that, as your code is so far away from valid, this must be just an example right?