Question

我有一个母版页设置，其中加载了母版页，点击不同的标签页加载了不同的子页面。我的一个页面在直接加载到浏览器中时效果很好，但是当在主页面中加载时格式化了 - 所有标题都被压缩/压缩，间距关闭......我将其跟踪到下面的css被应用来自CF的ext-all.css文件（母版页中有一个cfajaximport标记，似乎导致它被包含在内）：

html, body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;    
    padding: 0; 
}

为什么这包含在ext-all.css中（它似乎搞乱了大多数默认填充/标题，表格等的间距）？我怎样才能解决这个问题，除了a）篡改ext-all.css，以及b）覆盖单个文件中这些标签的边距和填充css？

Answer 1

对我而言，一种快速而实用的方法就是覆盖特定的CSS定义。较旧的项目使用 cfmap ，而不重写代码，我只是在我的情况下这样做：

.x-border-box, .x-border-box * {
    box-sizing: content-box !Important;
    -webkit-box-sizing: content-box !Important;
}

.x-body{
    font-family:lato,Helvetica,"Arimo",sans-serif;
    font-size:15px;
    color:#444; 
}

再次正确呈现页面。根据您使用的ui-tag，覆盖ext-css定义。

因为脚本/样式前置于HEAD（在您自己的样式之前），所以不能使用“inherit”，但必须显式设置css属性（就像我使用font-family，size和color一样）在我的情况下使用盒子大小）。

但请尽量避免使用这些标签。你没有完全控制，它与addiontal脚本和样式混淆并增加页面量。

在我的情况下，问题显示从cf9移动到cf11（ext-all.css的更新版本）。希望能帮助到你！（感谢Reto的盒子大小修复！）

ColdFusion ext-all.css弄乱了页面格式化

1 个答案: