                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

绝对定位对元素的宽度有何影响？

http://www.imooc.com/code/3585

12-9这一节，box2 的宽度未设置应该是父级的宽度，为何绝对定位以后变窄了？

仢约

2016-11-07

源自：初识HTML(5)+CSS(3)-升级版 13-9

关注问题我要回答

3709

操作

收起

4 回答

stone310 回答被采纳 +3 积分
2016-11-08

#box2是块级元素，没加absolute的时候#box2是默认占满整行（即使它的内容只有一点点），加上absolute后，它的宽度就是内容宽度；

1 回复有任何疑惑可以回复我~

#1

仢约提问者

非常感谢！

2016-11-08 回复有任何疑惑可以回复我~

#2

float和absolute都是如此，他们都会将元素移出常规文档流，在不给元素设置宽度的前提下，它的宽度就是内容宽度。

2020-04-19 回复有任何疑惑可以回复我~

心骸
2016-11-07

因为移动空间需要，再加上父级宽度限制

0 回复有任何疑惑可以回复我~

#1

仢约提问者

移动空间需要的话，会自动留多少呢，没有个规定么？

2016-11-07 回复有任何疑惑可以回复我~

#2

心骸回复仢约提问者

文本的长度不会改变，当空间不够时，自动换行

2016-11-07 回复有任何疑惑可以回复我~

慕粉4290186
2016-11-07

你只定位了两个边，你定位四个边试试

0 回复有任何疑惑可以回复我~

#1

仢约提问者

右边和下面都设置了0，结果变大了，那有的边不设置它就按照自己的意愿随便变大小？

2016-11-07 回复有任何疑惑可以回复我~

#2

仢约提问者

那如果不设置岂不是无法确定它的大小了？

2016-11-07 回复有任何疑惑可以回复我~

#3

慕粉4290186 回复仢约提问者

我试了下right定位一个和left相对的负值就行了...完没的偏移

2016-11-07 回复有任何疑惑可以回复我~

慕斯6099876
2016-11-07

没有变细啊

0 回复有任何疑惑可以回复我~

#1

仢约提问者

那你看那节中的box2 位啥变窄了？如果box2什么都不设置的时候还是和box1一样宽呢！

2016-11-07 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225294 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

本课相似问答

1 回答父元素的绝对定位，相对定位

3 回答绝对定位的父元素

2 回答绝对定位的相对父辈元素

3 回答参照定位的元素也可以是绝对定位

1 回答参照定位的元素必须是相对定位元素的前辈元素，为什么不可以是绝对定位元素(absolute）呢？

搜索更多本课相关问答

绝对定位对元素的宽度有何影响？

我要回答关注问题

意见反馈帮助中心 APP下载