Why isn't “position:fixed;” keeping my page header in the same place? [duplicate]
问题 This question already has answers here : css position fixed not working at all (5 answers) Closed last year . I'm trying to expand a menu when someone clicks on the menu icon but right now when I do that its pushing over the page title -- JSFiddle. I would like the page title to stay in the same place during the menu opening/closing interaction. The HTML5 I'm using to construct the page title and the menu are #pageTitle { display: flex; padding: 10px; position: fixed; } ul.horizontal { list