固定 div 与水平滚动 css
我正在做水平布局，我希望标题水平滚动..我向您展示了代码 css 的示例。
body {
background-color:#fff;
}
#container {
margin:30px auto;
width:3000px;
height:700px;
border:1px dotted #ccc;
}
#header {
position:scroll;
margin:20px 20px;
width:200px;
height:70px;
border:1px dotted #999;
}
谢谢
编辑：
是的..非常感谢你..问题解决了！！！
I'm doing a horizontal layout and I want the header to scroll horizontally .. I show you an example of code css.
body {
background-color:#fff;
}
#container {
margin:30px auto;
width:3000px;
height:700px;
border:1px dotted #ccc;
}
#header {
position:scroll;
margin:20px 20px;
width:200px;
height:70px;
border:1px dotted #999;
}
thank you
Edit:
yeah..thank you so much..problem solved!!!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
没有
position:scroll，我猜您正在寻找的是position:fixed作为您的标题，但请注意，这不适用于 IE6 ， 尽管。向您展示的一个小示例：http://jsbin.com/ihuma3/edit
There is no
position:scroll, what I'm guessing you're looking for isposition:fixedfor your header, but be aware that this won't work for IE6, though.A small sample to show you: http://jsbin.com/ihuma3/edit
实际上，简单的解决方案：您只需要更改“position:scroll;”到“溢出：滚动；”。
要使其仅水平滚动，请将其更改为：“overflow-x:scroll;”。
希望有帮助！
Simple solution, really: You just need to change your "position:scroll;" to "overflow:scroll;".
To make this only scroll horizontally, change it to: "overflow-x:scroll;".
Hope that helps!