我在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;
}
}
我已经读过这些类似的问题了:
但他们没有提供我需要的东西。
答案 0 :(得分:0)
我终于开始工作了。而不是使用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