内联CSS样式的宽度无法覆盖计算出来的CSS样式的宽度值。

Question

我注意到一个奇怪的行为，但我无法弄清楚它的原因。

我正在处理的网页有很多CSS样式。因此，对于其中一个div，我使用内联CSS来使其宽度符合我的要求（在源代码中正常显示）。但是，当我在Google Chrome中检查该元素时，发现计算得出的宽度略小于我的值。如何覆盖计算出的值。

谢谢

- Raja

---

听起来像经典的inline元素需要display:block;或display:inline-block;属性的问题。 - zzzzBov

Answer 1

尝试使用 !important 来覆盖任何值。

#div {width:500px !important;}

- midudev

---

嗨，miduga，我添加了<div style="width: 200px !important;"> .. </div>。但是计算出的宽度仍显示为193px。我还需要做些什么吗？ - Raja

请确保你要对齐的 div 元素的显示类型是块级元素或内联块级元素。无法为内联元素定义宽度。 - Exelian

那么，Raja，可能问题是说Exelian，或者你在其他地方有一个!important语句正在破坏它！ - midudev

Answer 2

能否提供更多的示例代码？这些信息不足以正确回答问题。正如miduga所述，!important应该足以覆盖该样式。

您确定此元素具有正确的显示类型吗？请记住，您无法为内联元素定义宽度。

- Exelian