0

我在我们公司的 Intranet 上遇到了一个我无法弄清楚的样式问题。它只发生在 IE8 或更低版本上。IE 9/10、FF、Chrome、Safari 和 Opera 都可以。

问题是出现了边框和填充,即使我使用了border:none;margin:0!important;并且padding:0!important;它会将里面的内容推到右侧并导致出现水平滚动条。

例子

这就是令人困惑的地方......我们的 Intranet (asp) 具有您可以在上面的屏幕截图中看到的“面板”。有一个“自定义 HTML”面​​板允许我将 HTML 插入该面板的 SQL 数据库单元格,但要查看复杂的 html,最好存储一个 file.html 页面并使用 iframe 将其拉入面板。我可以在我的 file.html 中提供 iframe 参考和 css ... 哪一个是最有可能的罪魁祸首?

SQL 数据库中的 iframe 参考:

{top|Members,Forum,HTML($$Summit 2013 Information$$<iframe src="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" width="768" height="1926" style="border:none!important; margin:0px!important; padding:0px!important;"><p>Your browser does not support iframes.<br /><br /><a href="http://www.myexternalsource/WORKING_FOLDER/Summit2013/Summit2013.html" target="_blank">Click here to open in a new window</a></p></iframe>)}{middleLeft|}{middleRight|}{bottom|}{hidden|Announcements,Items,Tasks,Collections,WhatsOn,Activity,RSS,QuoteOfDay,Absentee}

删除了不相关样式和 html 的 Summit2013.html

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
#iframe-wrapper {
    display: block;
    width:760px;
    padding:0px;
    margin:0 auto;
}
...
</style>
</head>

<body style="margin:5px 0 0 7px !important;">
...
4

1 回答 1

1
<iframe frameborder="0" ...></iframe>

您可以在内页中定义边距 IIRC。

于 2013-10-17T01:02:35.983 回答