不遵守 CSS 规则的 DIV答案

【问题标题】：DIVs not abiding by CSS rules不遵守 CSS 规则的 DIV
【发布时间】：2009-10-25 03:45:12
【问题描述】：

我的 HTML 和 CSS 遇到了一些问题，因为我的页面上的 HTML 没有按照我在 CSS 中设置的功能。我正在尝试使一块文本的宽度为：50，但它似乎不起作用。这是一个代码sn-p：

<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。再次干杯。

-蒂姆

【问题讨论】：

示例代码对我来说很好用。检查正在应用规则的 CSS 调试器（例如 Firebug 或 Safari 的内置网络检查器）并查找其他可疑之处。
你看到了什么，而不是说它不起作用？
旁注，img src="images\halo.jpg"1 should be img src="images/halo.jpg"`。一个正斜杠。 :P
蒂姆，“它似乎不起作用”是什么意思？ ...我测试了你的代码，div的宽度正好是网页宽度的一半！！！
如果已解决，请将为您解决的答案标记为已接受（单击其上的绿色复选标记）

标签： css html width

【解决方案1】：

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

html, body, form { width:100% }

【讨论】：

@Tim，很酷，你的问题解决了。请接受ob 的回答！

【解决方案2】：

样式定义似乎没问题。

你有为 div 定义的任何其他样式吗？

它是否适用于某些浏览器而不适用于其他浏览器？

您可以使用 web-developer 工具或 firebug 轻松诊断问题。

【讨论】：

我没有在其他浏览器上尝试过，但我刚刚得到了 Firebug，所以我现在将诊断问题。我没有任何其他样式的 div。它下面也没有任何东西。

【解决方案3】：

这类问题往往是50%的宽度加上1px的边框造成的。它是 50% + 1px，因此超过 50%。

【讨论】：