Doxygen的;自定义标头输出文件

Question

我在Windows上使用Doxygen v1.8.13。

我正在尝试优化我们的HTML输出。我想在页面顶部有导航栏和搜索输入棒的标题。

使用自定义css我设法为所需的标签提供fixed的位置，除搜索结果外，一切正常。那个div（有一个iframe）落后于我的div.header。当我移动div.header块内的div.top块时，一切都按预期工作。

但我不能在header.html模板中修改它，因为不包括div.header块。

怎么解决这个？

如果需要，这是我的CSS：

/* Make the header fixed at the top */
#top {
  position: fixed;
  width: 100vw;
  top: 0;
  background: white;
}

.header {
  position: fixed;
  width: 100vw;
  top: 137px;
}

  .header > div.summary {
    padding-right: 25px;
  }

div.headertitle {
  padding: 5px 5px 0 10px;
}

  div.headertitle > .title {
    margin: 0 2px;
  }

div.contents {
  margin-top: 180px;
}

#MSearchResultsWindow {
  position: fixed;
  border-radius: 3px;
  padding-right: 2px;
}

@media(max-width:768px) {
  .header {
    position: fixed;
    width: 100vw;
    top: 277px;
  }

  div.contents {
    margin-top: 318px;
  }
}

我已经读过这些类似的问题：

• Remove Doxygen prototype header
• Provide custom/configurable HTML templates to Doxygen

但他们没有提供我需要的东西。

Answer 1

我终于搞定了。而不是使用position: absolute我现在使用flex-box。我还需要在所有其他div周围添加一个新的div。

这是我的css代码：

html,
body,
#page {
  height: 100%; /* needed for proper layout */
}

body {
  overflow: hidden;
}

#page {
  display: flex;
  flex-direction: column;
}

#top {
  flex: 0 0 auto;
}

.header {
  flex: 0 0 auto;
}

div.contents {
  flex: 1 1 auto;
  position: relative; /* need this to position inner content */
  overflow-y: auto;
}

div.footer {
  flex: 0 0 auto;
}

这是现场网站：http://www.mapwindow.org/documentation/mapwingis4.9/index.html