css如何清除定位-木庄网络博客

2022-03-18 18:27:17 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

在css中，可以使用position属性清除定位，只需要给元素添加“position:static”样式即可。position属性用于规定元素的定位类型，当值设置为“static”时，代表没有定位，元素出现在正常的流中。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

使用div标签创建一个模块，并设置其class为con，主要用于下面通过该class来设置css样式。

49X7}~F1KLBQ%{V8GLV3M`V.png

在div内，再创建一个div模块，并设置其class为pos。

UW$B54T{UP%XDTDC{8$U$]E.png

在css标签内，设置类名为con的div的样式，使用width属性设置div的宽度为300px，使用height属性设置div的高度为200px，使用background属性设置div的背景颜色为红色，定位属性position设置为相对定位（relative）。

VXXJOUE5R`$DA5}4@~SCQ27.png

相关阅读 >>

更多相关阅读请进入《css》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者