使用CSS更改框架的样式

Question

我正在从测试和试用中学习一些CSS，并且无法通过网络搜索找到解决此特定问题的方法。

我帮助一个正在学习英语的人，她在小屏幕上使用了很多Google翻译。我已经能够隐藏谷歌的工具栏和令人讨厌的“下载谷歌浏览器”弹出窗口（我使用的是时尚）：

.jfk-butterBar.jfk-butterBar-info.jfk-butterBar-shown {
  display:none!important;
}

#gb {
  display:none!important;
}

#gt-appbar {
  display:none!important;
}

问题是：它们是隐藏的，但翻译的网站留在框架上，框架的顶部空间从70px到160px不等。我正在谈论的相应代码片段在这里：

<div id="contentframe" style="top: 70px; left: 0px;">

这是搜索后我能想到的最好的，但不起作用：

#contentframe {
  top: 0px;
}

谢谢！

Answer 1

您需要使用top: 70px;规则超过内联样式!important的特异性。

#contentframe {
    top: 0 !important;
}