覆盖表格的内联css宽度

Question

我有一个表格，它具有用内联css设置的静态宽度。

<table style="width:700px;"></table> 

我无法控制标记，我想使用CSS来给该表的宽度为100％。一种解决方法是使用“display：block”来防止表溢出，但是表格单元倒塌到其内容的大小，这不是我想要的。这可能吗？

Here's a JSFiddle to illustrate the problem.

我遇到很多这样的问题，但不是这个特殊的问题。这里有情况下，他们是乐于助人一些类似的SO问题：

CSS width and max-width combined

CSS: table {width:100%; display:block;} not working in Firefox

Answer 1

使用CSS's !important declaration

table{ 
    width:100% !important; 
} 

Answer 2

你必须做出一种风格，说我的自定义样式比“默认”风格更重要。

为此，您必须使用!important子句。

table{ width: 100% !important; }

上面应该给你你想要的东西。