我试图实现固定位置的标题栏。但是当我尝试将窗口调整到更小的宽度时，标题的右侧部分没有显示。如果我将位置更改为绝对位置，问题就解决了，但我失去了标题栏的固定效果。
#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>
最佳答案
我前段时间遇到了同样的问题。看看我以前的帖子 -> Make Fixed Header Scroll Horizontal
您可以使用 jQuery 或 Javascript 将 div 重新定位在页面顶部(有时会导致一些延迟效果)
关于html - 固定位置标题栏问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13119978/