CSS冲突-位置：ExtJs网格中的绝对值

最近，我将ExtJs网格集成到现有网页中，导致CSS冲突。我已经在现有样式表中识别出了冲突的CSS。不幸的是，我不能修改我当前的样式表，因为整个网站都是建立在这个样式表之上的

我试过使用ctCls、baseCls、bodyCfg、bwrapCssClass和bodyCssClass，但没有达到预期效果

下面是我现有网站的冲突样式表

div
{
font-weight: bold;
font-size: 12px;
visibility: visible;
font-family: Arial, sans-serif;
white-space: nowrap;
position: absolute;
}

样式位置：绝对导致冲突。我尝试了CSS覆盖，但没有按预期工作

请注意: 设置样式位置：相对于渲染网格中的每个DIV标记可以解决此问题。我已经用IE开发者工具栏模拟了它

有人可以帮助我如何设置渲染网格的位置，以便成功地用position:relative覆盖母版页CSS样式的position:absolute

有没有人遇到过类似的问题？我是否可以成功覆盖CSS？ 任何帮助都将不胜感激

---

谢谢

我不认为在页面上的所有

-元素上以这样一种通用的方式设置CSS样式是个好主意。但是好吧。。。您可以尝试使用以下CSS规则覆盖设置：

.x-grid3,
.x-grid3 div {
    font-weight: normal;
    position: static;
}

---

我的web项目也有同样的问题，我已经搜索了很长时间来找到解决方案。问题是两个元素在相同的框架中使用相同的Css。因此，避免冲突的最佳方法是将网格面板渲染到另一个框架中（始终渲染到同一页面中）。您可以使用或。我正在使用uxmedia扩展。要在uxmedia中创建iFrame，请执行以下操作：

var htmlViewer = new Ext.ux.ManagedIFrame.Panel({  

    border  : false,

    title   : title,

    header: header,

    region:'center',

    iconCls : iconCls,

        // Here your Grid Panel comes within an url from server side
    defaultSrc : urlAddress
        });

---

不！它不起作用。我还尝试了其他几个css类。CSS中是否有任何机制允许在渲染时忽略特定的样式位置：母版页样式表中的绝对位置？我已经试过了！重要，但没有用（该标志名为

！important

。但您应该使用Firebug（或其他开发工具）检查哪些样式应用于元素，哪些样式已被覆盖。您好，感谢您的更正（！important）。我通过在ext all css文件中添加样式来覆盖css。'code'div{position:relative；}“代码”，但这只是修复了网格的位置问题。但由于我的DIV maste样式已定义了这些样式，因此导致了一些字体系列和字体大小问题。目前还可以。但是，我正在寻找一个更好的并行解决方案。感谢帮助：）您是否可以提供一个包含网格的页面。所以我们可以试着在firebug中看到它。tnx