HTML - 停靠元素

时间:2013-01-19 22:59:35

标签: html css dock

我设计了一个简单的网站。唯一剩下的就是在左边做一个小盒子。但即使我向下滚动,我也希望始终可见。它的用途就像一个小广告。 ![浮箱] [1]

你能发一个例子吗?这需要什么css? (如果需要的话)

不幸的是,由于我是新用户,我无法发布任何图片(我不被允许......这有点令人沮丧)

但我会尽快发布图片。

1 个答案:

答案 0 :(得分:0)

您应该将position: fixed应用于此框。

  

固定定位

     

具有固定位置的元素相对于浏览器定位   窗口。

     

即使滚动窗口,它也不会移动。

以下是一个示例: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,使其浮动到左侧。 :)