我正在尝试实现一个适用于所有类型的浏览器和移动浏览器的固定标题栏。
在下面的代码中,是否可以避免在内容的 div
元素中使用 style="padding-top:100px"
属性。我不想手动计算距离的 100px
。
<html>
<body>
<div id="xheader" style="position:fixed; width:100%; top:0; left:0; right:0; z-index:1000; border:solid 1px red">
<p>FIXED BAR</p>
</div>
<div id="xcontainer">
<p>Line1</p>
<p>Line2</p>
<p>Line3</p>
<p>Line4</p>
<p>Line5</p>
<p>Line6</p>
<p>Line7</p>
<p>Line8</p>
<p>Line9</p>
<p>Line10</p>
<p>Line11</p>
<p>Line12</p>
<p>Line1</p>
<p>Line2</p>
<p>Line3</p>
<p>Line4</p>
<p>Line5</p>
<p>Line6</p>
<p>Line7</p>
<p>Line8</p>
<p>Line9</p>
<p>Line10</p>
<p>Line11</p>
<p>Line12</p>
<p>Line1</p>
<p>Line2</p>
<p>Line3</p>
<p>Line4</p>
<p>Line5</p>
<p>Line6</p>
<p>Line7</p>
<p>Line8</p>
<p>Line9</p>
<p>Line10</p>
<p>Line11</p>
<p>Line12</p>
</div>
</body>
</html>
最佳答案
为该 div 使用类
padding-top: 100px
否则没有。
关于html - 如何实现固定的标题工具栏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13162925/