Html中的position:absolute的意思

飞喵某
高粉答主

2019-06-03 · 说的都是干货,快来关注
知道答主
回答量:631
采纳率:0%
帮助的人:29.6万
展开全部

1、“position:absolute”是绝对定位的意思,单纯的使用absolute属性并不会其效果,需要配合“top bottom left right ”属性才能看到效果。首先需要新建一个html文件,这里定义了10个换行符,换行符的下面定义一个div:

2、此时保存文件,打开浏览器可以看到div在浏览器的下方位置,接下来来设置绝对定位,让div显示在任意位置:

3、给divc的class使用absolute属性, 并使用上下左右位置属性,设置向上和向左分别50px,接着保存文件:

4、再次打开浏览器,可以看到div的位置在浏览器上方,覆盖了换行符的位置:

百度网友4970322
2019-07-09 · TA获得超过1.5万个赞
知道答主
回答量:647
采纳率:50%
帮助的人:38.2万
展开全部

html中的“position:absolute”是绝对定位,一般配合“top”和“left”属性同时使用。

1、新建html文档,在body标签中添加一个div,然后在这个div中再添加一个div,这时默认情况下内div在外div的左上角:

2、为内div添加“position”属性,属性值为“absolute”,外div添加“position”属性,属性值为“relative”,这时内div会向外div绝对定位:

3、为内div设置距离顶部距离属性“top”和距离左侧属性“left”,这时内div会向外div做指定距离的定位:

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
seopeak
推荐于2018-03-02 · TA获得超过1058个赞
知道小有建树答主
回答量:1187
采纳率:0%
帮助的人:513万
展开全部
这个主要是放在样式表里面CSS里面。

position:absolute一般是设置图片的位置用到,表示绝对位置,相对页面来说是固定死的。
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
不惑188
2012-09-25 · TA获得超过687个赞
知道小有建树答主
回答量:470
采纳率:0%
帮助的人:340万
展开全部
位置:无条件的
来自:求助得到的回答
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
发帖文明
2012-09-25 · TA获得超过250个赞
知道小有建树答主
回答量:234
采纳率:0%
帮助的人:160万
展开全部
绝对的,唯一的
来自:求助得到的回答
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式