我嘗試了一些建議，例如從正文中刪除溢出、向 header 和 padding-top 添加 z-index 但似乎沒有任何效果。一開始它工作得很好，但后來我實現了很多 Lorem Ipsum 文本。所有內容都只是在導航欄上方和下方滑動。我附上了一個 JS 小提琴來解釋。我嘗試了全身溢出并嘗試了固定/相對標題位置。什么都不起作用。任何意見都會非常感激。我希望得到一些幫助，幫助我如何使導航保持固定，但當我向下滾動時卻不能真正保持固定。當然還有如何讓內容不水平溢出。超文本標記語言<!DOCTYPE html><html> <head> <script src="script.js"></script> <link href="style.css" rel="stylesheet"> <meta charset="utf-8"> <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> <meta name="viewport" content="initial-scale=1, width=device-width shrink-to-fit=no"> <title>Hello! </title> </head> <body> <div class="empty"></div> <div class="all"> <div class="menu-wrapper"> <header class="header"> <a href="#home">Logo</a> <input class="menu-btn" type="checkbox" id="menu-btn" /> <label class="menu-icon" for="menu-btn"><span class="navicon"></span></label> <ul class="menu"> <li><a href="#">Home</a></li> <li><a href="about.html">About Us</a></li> <li><a href="#">More</a></li> <li><a href="#">More2</a></li> </ul> </header> </div> </div> <div class="row"> <div class="container-fluid" id="about"> <h5>Text</h5> <div class="col-lg-12"> <article> <br> <br> <br> </p> </article> </div> </div> </div>
所有正文內容在導航中上下移動（HTML 和 CSS）
千萬里不及你
2023-06-29 22:27:30
