Question

我从此页面获取了导航栏/标题：http://specialistleague.com/cinema并尝试将其放在此页面上：http://specialistleague。 COM /招募

以下是我的尝试：Link

正如您所知，滚动条在PDF文档旁边被推到左侧，底部的页脚被拉伸。我需要在原始页面上的所有内容都相同，我只需要标题/导航栏。

我该怎么办？

Answer 1

看起来你的html / css类略有偏差。删除包含.row div，以及内部div中的.row类。变化：

...
</header>

<!-- Remove containing .row div (below) -->
<div class="row"> 
    <div class="row" style="position: absolute; height: 100%; border: none; width: 100%;">
        <iframe class="pdf" src="pdf.php"></iframe>
        ...
    </div>
</div>

为：

...
</header>

<!-- Here, we have removed the containing .row div -->
<div style="position: absolute; height: 100%; border: none; width: 100%;">
    <iframe class="pdf" src="pdf.php"></iframe>
    ...
</div>

Answer 2

我相信，由于这个问题，你已经评论过“cinema.css”链接。

这里的问题是在页面中广泛使用.row类。 cinema.css中行类的属性导致了问题。

溶胶 -

你能做的最好的事情就是用新类替换这个页面中的所有.row类（4次出现）。
或者您可以为此特定页面定义.row类的特定属性，如下所示。
```
#pagename .row {
padding: 10px;
margin: 0px;
}
```

完成上述操作后，您可能需要使用css来修复输入项的属性。

希望这有帮助:)

修复格式/ CSS样式错误

2 个答案: