看1级片

<form id=AfNFovhOf><nobr id=AfNFovhOf></nobr></form>

<address id=AfNFovhOf><nobr id=AfNFovhOf><nobr id=AfNFovhOf></nobr></nobr></address>

0

如何在網站上只有內容做scroll而不會與header重疊?

css html

nick12345 2021-11-11 18:51:55 ? 1111 瀏覽

分享至

header是透明，而內容做滾動是不會與header重疊。
如果我把header變透明，內容向下拉時，會跟header重疊，請問如何解決

/upload/images/20211111/2013514112oD3WHvne.jpg

看更多先前的討論...收起先前的討論...

Hans5300609 iT邦研究生 4 級 ? 2021-11-11 23:31:15 檢舉

比較好奇為何要透明?
不透明不行嗎?

nick12345 iT邦新手 4 級 ? 2021-11-12 13:05:22 檢舉

工作不能問為什麼...

Mao iT邦研究生 5 級 ? 2021-11-12 22:49:32 檢舉

不知道這樣有沒有達到你期望的效果

nick12345 iT邦新手 4 級 ? 2021-11-14 18:37:54 檢舉

好似可以了，謝謝你

nick12345 iT邦新手 4 級 ? 2021-11-15 07:38:48 檢舉

可以知道.wrap 是哪個HTML嗎

Mao iT邦研究生 5 級 ? 2021-11-15 14:27:57 檢舉

.weap 可以放在 div 的 class 把其他內容放在裡面

登入發表討論

熱門推薦

{{ item.subject }}

{{ item.channelVendor }} | {{ item.webinarstarted }} |

{{ formatDate(item.duration) }}

直播中

2 個回答

3

Mao

iT邦研究生 5 級 ? 2021-11-11 20:12:17

最佳解答

可以試試看在 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

回應
分享
檢舉

登入發表回應

0

greenriver

iT邦研究生 4 級 ? 2021-11-15 13:05:00

在nav跟內容中間，加入一個空白的div就好了，高度跟nav一致。

<style>
    .navBlock{
        width:100%;
        height:54px;
    }
</style>

<body>
    <nav></nav>
    <div class="navBlock"></div>
    <div class="container"></div>
</body>

回應
分享
檢舉

登入發表回應

我要發表回答

立即登入回答

參賽組數

454 組

團體組數

15 組

累計文章數

3645 篇

最後報名日

9/15

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 17th鐵人賽 2017鐵人賽 windows php c# windows server linux css react

IT邦幫忙

HoME 看1级片