Doxygen;ヘッダ出力ファイルをカスタマイズする

Question

WindowsでDoxygen v1.8.13を使用しています。

私はHTML出力を最適化しようとしています。私はnavbarとヘッダーを持って、ページの上に検索スティックを入れたいと思っています。

カスタムCSSを使用して、検索結果を除いて、必要なタグにfixedという位置が与えられ、すべて正常に機能しています。そのdiv（iframeあり）は私のdiv.headerの後ろに落ちています。 div.headerブロックをdiv.topブロック内に移動すると、すべて正常に動作します。

div.headerブロックが含まれていないので、header.htmlテンプレートでこれを変更することはできません。

これを解決するにはどうすればよいですか？私はすでにこれらの同様の質問を読んで

/* 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

ここ

は、必要に応じて私のCSS、です

しかし、私は必要なものを提供していません。

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; 
} 

そして、このライブのウェブサイトです：doxygenののhttp://www.mapwindow.org/documentation/mapwingis4.9/index.html