HTML - 停靠元素

标签 html css dock

我设计了一个简单的网站。唯一剩下的就是在左边做一个小盒子。但我希望即使向下滚动也始终可见。它的用途类似于一个小广告。 ![ 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/

相关文章:

macos - 多处理 Qt 应用程序 : How can I limit it to a single icon in the MacOS/X Dock?

javascript - 使用 ng-repeat 定位 3d 对象

javascript - onClick 将 PHP 代码回显到 div (AJAX)

html - CodeIgniter CSS 不会链接到 html

html - 为什么照片周围有淡淡的边框?

iphone - 验证 iphone 是否已连接到基座

javascript - 如何在垂直滚动末尾隐藏一个div

javascript - 阻止嵌入式 SVG 在 Chrome 上捕获鼠标事件

javascript - jQuery Effect导致button不被div包围

c# - 你如何在 WPF 中进行 AppBar 对接(到屏幕边缘,如 WinAmp)?