分享至
header是透明,而內容做滾動是不會與header重疊。如果我把header變透明,內容向下拉時,會跟header重疊,請問如何解決
已邀請的邦友 {{ invite_list.length }}/5
可以試試看在 body 標籤與 內容做出效果
html, body { height: 100%; overflow-y: hidden; } .header { height: 56px; position: fixed; top: 0; left: 0; right: 0; } .wrap { height: calc(100% - 56px); /* 56 px 是 header 的高度 */ margin-top: 56px; /* 56 px 是 header 的高度 */ overflow: auto; }
初學 HTML 與 CSS 的作品 Demo
在nav跟內容中間,加入一個空白的div就好了,高度跟nav一致。
<style> .navBlock{ width:100%; height:54px; } </style> <body> <nav></nav> <div class="navBlock"></div> <div class="container"></div> </body>
IT邦幫忙