是否可以删除Hugo Academic中特定页面的边距/空白？

Question

我在iframe网站的index.md页面中有一个Hugo Academic对象，我希望其处于页面的整个宽度而没有边距（附有屏幕截图）。我将此代码添加到.md文件中：

<style>
iframe {
  margin-left: 0;
  padding-left: 0;
}
</style>

但是现在iframe的位置已经有0填充，所以我可以将其向右移动，但不能向左移动。

可以针对特定的对象/页面进行调整吗？

iframe看起来像这样：

<iframe src="https://ruslankl.shinyapps.io/roc_simulation/" width=1000 height=1000" frameborder="0"></iframe>

Screenshot

Answer 1

我还没有使用学术主题对此进行过测试，但是在我自己的网站（基于Hugo构建，但这没关系）上，这使iframe占据了页面的整个宽度，而与内容上的边距或填充无关：] >

iframe {
    left: 0;
    position: absolute;
    width: 100%;
}
使用position: absolute，iframe将被放置在尽可能靠近窗口左侧的位置（这要归功于left: 0）。然后，我们使用width: 100%使其填满页面。

[您还应该考虑向iframe添加类或ID，因此，即使在同一页面上碰巧有多个iframe，也可以将其用作样式而不是<iframe>元素。