氧气;自定义 header 个输出文件

Question

我在 Windows 上使用 Doxygen v1.8.13。

我正在尝试优化我们的 HTML 输出。我希望 header 与导航栏和搜索输入贴在页面顶部。

使用自定义 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

我终于让它工作了。我现在使用 flex-box，而不是 position: absolute。我还需要在所有其他 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

氧气;自定义 header 个输出文件

Doxygen; Customize header output file

css

documentation

doxygen