当前位置:去问问>百科知识>Html中的position:absolute的意思

Html中的position:absolute的意思

2024-10-20 00:42:09 编辑:zane 浏览量:531

Html中的position:absolute的意思

的有关信息介绍如下:

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

Html中的position:absolute的意思

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

Html中的position:absolute的意思

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

Html中的position:absolute的意思

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

Html中的position:absolute的意思

版权声明:文章由 去问问 整理收集,来源于互联网或者用户投稿,如有侵权,请联系我们,我们会立即处理。如转载请保留本文链接:https://www.qwenw.com/article/404464.html
热门文章