js+css网页固定右下角 回到顶部 让它固定在底部怎么做

 我来答
不如执手美人娇
2015-10-18 · 知道合伙人软件行家
不如执手美人娇
知道合伙人软件行家
采纳数:112 获赞数:558
我一直在期待,直到与你相遇!

向TA提问 私信TA
展开全部

首先,设定盒子名称

div  id="fanhui"

css中写样式

#fanhui {
 position: absolute;
 left: 30px;
 top: 20px;
}

这样写就是距离右边30像素,距离下边20像素。

绝对定位使元素的位置与文档流无关,因此不占据空间


效果如下:


灰人王
2011-07-14 · TA获得超过2456个赞
知道大有可为答主
回答量:2401
采纳率:0%
帮助的人:930万
展开全部
<html>
<div style="height:2000px; background-color:red">
</div>
<div style="position:fixed; bottom:0; right:0; width:100px;

background-color:blue; color:yellow">
固定的内容
</div>
<html>
追问
就是QQ空间还有淘宝  跟滚动条一起动的那个返回顶部 让他在最下边不动  求代码  详细的
追答
你把我的代码存成一个HTML文件,就是那个效果啊。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友54fa85666
2011-07-14 · TA获得超过200个赞
知道小有建树答主
回答量:417
采纳率:100%
帮助的人:237万
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
wang_haipeng12
2011-07-14 · 超过55用户采纳过TA的回答
知道答主
回答量:333
采纳率:0%
帮助的人:320万
展开全部
position: absolute;然后设置上下左右,你想放哪就放哪
追问
我加你吧  给你源文件你看看改哪里 怎么改  我是菜鸟
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
帐号已注销
2018-07-24
知道答主
回答量:13
采纳率:0%
帮助的人:1万
引用不如执手美人娇的回答:
首先,设定盒子名称
div id="fanhui"
css中写样式
#fanhui { position: absolute; left: 30px; top: 20px;}
这样写就是距离右边30像素,距离下边20像素。
绝对定位使元素的位置与文档流无关,因此不占据空间

效果如下:

展开全部
题主表达的观点可能让答题者有误解,其实position:fixed是固定在屏幕右下角(或者其他地方),脱离文档流,滑动页面,始终在屏幕(即显示器)的右下角,如果没有显示或者显示错误,请检查给了right/left/top/bottom没,,*****华丽的分割线**上面的这位写的是position: absolute,是不会脱离文档流的,看你需要哪一种
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式