【问题标题】:Large bottom margin on github pages / jekyll bloggithub 页面/jekyll 博客上的大底边距
【发布时间】:2019-01-23 00:22:29
【问题描述】:

我正在努力修复我的GitHub Pages site 中的一个错误。我的页面下方的空白处有大量空白。我尝试在 CSS 文件中尽可能将底部边距设置为 0,但仍然显示了这个大的底部边距。如何减少底部边距?

代码在 GitHub 上:

https://github.com/rgriff23/rgriff23.github.io

【问题讨论】:

  • .content {margin-bottom: 0;} 应该可以解决您的问题。我还会在其中添加.sidebar {overflow: auto}(除非您真的喜欢侧边栏上那些无用的滚动条)。你应该在hide.css之后加载这个CSS。
  • @AndreiGheorghiu 我认为修改他现有的规则集而不是稍后覆盖它们而不使用以前的值会更好。
  • 这不是他的现有规则集。这是一个现有的 jekyll 主题。我假设他们可能希望能够更新它而不必再次执行所有模块,这就是为什么我建议使用模块单独的样式表。
  • 太棒了,非常感谢关于滚动条的提示。有人告诉我,不请自来的建议通常是最好的,所以我尽量注意它。

标签: html css jekyll github-pages hyde


【解决方案1】:

您必须从您的 .content 类样式中删除 margin-bottom 规则,或者至少根据您的喜好减少它。

由于媒体查询,您必须在两个位置进行修改:在您的 hyde.css 文件中,规则集位于第 98 行和第 107 行。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-01-18
    • 2015-11-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-04-08
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多