ASP.NET MVC 4應用程序中的CSS問題

Question

我使用Telerik Report Designer創建了報表。然後我綜合這些報告到我的MVC 4應用程序，一切工作正常，

我跟着this Telerik Tutorial

評論下面片斷也（在文件的site.css）

input, textarea { 
border: 1px solid #e2e2e2; 
background: #fff; 
color: #333; 
font-size: 1.2em; 
margin: 5px 0 6px 0; 
padding: 5px; 
width: 300px; 
} 

table { 
border-collapse: collapse; 
border-spacing: 0; 
margin-top: 0.75em; 
border: 0 none; 
} 
td { 
padding: 0.25em 2em 0.25em 0em; 
border: 0 none; 
} 

但我發現了CSS問題如下圖所示。

任何建議高度讚賞，

Answer 1

我覺得從MVC項目的site.css與Telerik的報告攪亂。首先，嘗試刪除site.css。 如果修復了報告，請嘗試執行以下操作：

將site.css;在其自己的容器

認沽報告它（即<div class="report"></div>）

將這個在的site.css結束：

.report input, .report textarea 
{ 
    width: initial; 
    margin: initial; 
    <..> 
} 

換句話說請嘗試重新從報告容器CSS;

Answer 2

我碰到類似的問題，其中瀏覽器報告錯誤對齊。事實證明，我使用的是舊版本的JS和CSS文件，而不是我使用的Telerik Reporting版本。 Telerik Reporting的每個版本都有這些文件的更新版本。所以只需確認它不是版本不匹配。