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

来源:13-9 Relative与Absolute组合使用

仢约

2016-11-07 22:54

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

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

写回答 关注

4回答

  • stone310
    2016-11-08 07:19:54
    已采纳

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

    格林72

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

    2020-04-19 08:28:54

    共 2 条回复 >

  • 心骸
    2016-11-07 23:13:21

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

    心骸 回复仢约

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

    2016-11-07 23:38:24

    共 2 条回复 >

  • 慕粉4290186
    2016-11-07 23:12:42

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

    慕粉4290... 回复仢约

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

    2016-11-07 23:33:19

    共 3 条回复 >

  • 慕斯6099876
    2016-11-07 23:10:29

    没有变细啊

    仢约

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

    2016-11-07 23:13:39

    共 1 条回复 >

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

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

1225812 学习 · 18234 问题

查看课程

相似问题