个人中心
gpt4 book ai didi

html - 固定位置标题栏问题

转载 作者：太空宇宙 更新时间：2023-11-04 15:33:10 25 4
gpt4 key购买 nike

我试图实现固定位置的标题栏。但是当我尝试将窗口调整到更小的宽度时，标题的右侧部分没有显示。如果我将位置更改为绝对位置，问题就解决了，但我失去了标题栏的固定效果。

#header {
position: fixed;
top: 0px;
display: block;
height:56px;
width: 100%;
padding-left: 0px;
background-color: #333333;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
z-index: 99999;
}

这是html;

<body>
  <div id="mask"></div>
  <div id="wrapper">
    <div id="header">
        <div id="center">
            <a id="logoWrapper" href="/makale"><div id="logo"></div></a>
            <div id="categoryWrapper">

                <ul>
                   <li>...</li>
                   <li>...</li>
                 </ul>

            </div>
            <div id="searchWrapper">
                <div id="search">
                    <input type="text" />
                    <a id="searchBt" href="#"><img src="/images/site/search.png"></a>
                </div>

            </div>
        </div>
    </div>
    <div id="content">...</div>
  </div>
 </body>

这是链接http://sporapp.com/makale

最佳答案

我前段时间遇到了同样的问题。看看我以前的帖子 -> Make Fixed Header Scroll Horizontal

您可以使用 jQuery 或 Javascript 将 div 重新定位在页面顶部(有时会导致一些延迟效果)

关于html - 固定位置标题栏问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13119978/

25 4 0
文章推荐： c++ - ReadDirectoryChangesW 和 GetOverlappedResult
文章推荐： html - 这个差距/利润来自哪里？
文章推荐： html - 如何使用 lang 指定输入按钮的语言？
文章推荐： css - 如何让DIV吸收空间