DIV不遵守CSS规则

Question

我的HTML和CSS遇到了一些问题，因为我的siet上的HTML没有按照我在CSS中所做的那样做。 我正在尝试使一个文本块具有宽度：50，但它似乎没有工作。 这是一段代码片段：

<div id="welcome">
 <h2>Welcome!</h2>
 hello, this is some text.
<p>
 text before that text down there. v
<p>
 we have some text here.


<p><img src="images\halo.jpg" width="250" height= "250" alt="Master Chief" /><p>
</div>

<div id="welcome"> <h2>Welcome!</h2> hello, this is some text. <p> text before that text down there. v <p> we have some text here. <p><img src="images\halo.jpg" width="250" height= "250" alt="Master Chief" /><p> </div>

这是来自网站。我已经在CSS中放了一些规则来制作这个DIV，而其他DIV在单独的页面上，宽度为50％，但它只是不起作用。这是CSS规则：

#welcome, #about, #contact {
 width: 50%;
 }

我所有的其他CSS都在工作，HTML正确链接到CSS。我究竟做错了什么？ 我尝试过强制重装，只有一个DIV的规则，以及类似的东西。如果你能帮助我，谢谢！

编辑：解决了，感谢ob。再次干杯。

-Tim

Answer 1

尝试将此添加到您的页面样式中：

html, body, form { width:100% }

Answer 2

样式定义似乎没问题。

你有为div定义的其他风格吗？

它是在某些浏览器上运行而不在其他浏览器上运行吗？

您可以使用Web开发人员工具或firebug轻松诊断问题。

Answer 3

这种问题通常是50％宽度与1px边框相结合的结果。它是50％+ 1px，因此超过50％。