css如何清除定位-css教程-PHP中文网

css如何清除定位

醉折花枝作酒筹

发布： 2021-04-15 15:02:39

原创

4735人浏览过

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

css如何清除定位

本教程操作环境：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标签内，设置类名为pos的div的样式，使用width属性设置div的宽度为100px，使用height属性设置div的高度为100px，使用background属性设置div的背景颜色为粉红色，定位属性position设置为绝对定位（absolute），同时，使用left和top属性设置div距离左边30px，距离顶部10px。

百堂数字点卡程序

商品分类、分级，可以销售各种游戏、娱乐卡，甚至电话卡等1、方便简洁的购卡、显示卡号流程 2、自动从预付款中扣除金额，自动显示卡号等3、帐户余额显示、提醒4、历史订单管理、浏览5、会员密码加密，增强系统的安全性6、商品订单明细清晰，应付款项清楚7、后台处理提供商品统计、分析能力，帮助决策8、商品显示顺序可自己设定，如按价格倒序、升序，按购买量升序、倒序等等9、即时显示卡号或密码，零等候时间。