Question

我有一个iFrame，我无法在网络浏览器的左侧获得同花顺。它似乎被卡住了。它似乎在300 - 400 px左右。有任何想法吗？谢谢。

这里我的CSS代码如下： - ：

＆＃13;

      <div class="wrapper">
           <iframe src="My Source"></iframe>
        </div>

＆＃13;

$founderFieldset->addField('founder_name', 'text', array(
        'label'     => Mage::helper('vendors')->__('Founder Name'),
        'required'  => true,
        'class'     => 'required-entry',
        'name'      => 'founder_name',
));

＆＃13;

Answer 1

在这种情况下，它是body标签的边距，只需在你的css中包含它：

html, body {margin: 0px;}

演示：https://jsfiddle.net/1ap4fg30/

您需要考虑浏览器引擎的默认样式。要使所有元素在浏览器中一致地呈现，您需要使用某种类型的css重置或规范化样式表。

以此为例：https://necolas.github.io/normalize.css/

Answer 2

我能够通过对CSS进行简单修改来解决这个问题。

我在CSS中添加了left: 0;。

现在看来是这样的：

 .wrapper {
                    display: block;
                    position:fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    box-sizing: border-box;
                    padding: 100px 0 20px;
                }
                .wrapper iframe {
                    height: 100%;
                    width: 100%;
                }

感谢所有协助和观看的人。

我还建议查看Peter的回复，因为他提供的信息非常有益且信息丰富。

-Z

IFrame立场

2 个答案: