如果css for table {width：100％}，浮動圖表的圖例移動到左側

Question

如果css for table {width：100％}，則浮動圖表的圖例移動到左側。

如果我想維護表{width：100％}，因爲它是網站範圍內應用的css，那我能做什麼？

jsfiddle

Answer 1

如果您FLOT圖表的父元素有一個ID或一類，你可以說父母之內只覆蓋了表格寬度，像這樣：

#placeholder table { width: 200px !important; } 

這是一個真正的黑客，雖然;限制是顯而易見的。

真正的解決方案是擺脫現有的規則。全局表規則是一個非常糟糕的主意，而這個問題恰恰說明了原因。遲早你會在不同的環境中再次遇到同樣的事情，而且修復起來可能會更困難。

爲什麼你的問題得到了贊成票的原因是因爲任何嚴肅的網頁設計師在聽到你有一個全球表規則時就會畏縮。

你應該要麼解決的問題：

1. 給你的表格類，即<table class="myclass" ...>，然後把你的100％，寬度在table.myclass規則。

2. 如果您的表格共享一個父級，請給它一個班級，然後使用像.my-tables table這樣的規則來僅影響您所在地區的表格。