我设计了一个简单的网站。唯一剩下的就是在左边做一个小盒子。但我希望即使向下滚动也始终可见。它的用途类似于一个小广告。 ![ float 框][1]
你能举一两个例子吗?这需要什么CSS? (如果需要的话)
不幸的是,我不能发布任何图片,因为我是新用户(我不允许......这有点令人沮丧)
但我会尽快发布图片。
最佳答案
您应该将 position: fixed
应用于此框。
Fixed Positioning
An element with fixed position is positioned relative to the browser window.
It will not move even if the window is scrolled.
这是一个示例:http://www.w3schools.com/css/tryit.asp?filename=trycss_position_fixed
您可以在此处阅读有关 CSS 定位的更多信息:http://www.w3schools.com/css/css_positioning.asp
这是我为您制作的一个 jsFiddle,它展示了如何使它正常工作:http://jsfiddle.net/leniel/8ub7s/2/
您可以看到,即使滚动,标题仍然可见,如果将其悬停,广告框就会显示。只需根据您的需要调整 CSS,使其向左浮动即可。 :)
关于HTML - 停靠元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14419813/