gpt4 book ai didi

HTML - 停靠元素

转载 作者:太空宇宙 更新时间:2023-11-03 18:52:48 24 4
gpt4 key购买 nike

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com