分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 技术分享

css定位

发布时间:2023-09-06 02:26责任编辑:彭小芳关键词:暂无标签

1、相对定位
  被看作普通流定位模型的一部分,定位元素的位置相对于它在普通流中的位置进行移动。使用相对定位的元素不管它是否进行移动,元素仍要占据它原来的位置。移动元素会导致它覆盖其他的框。

<html><head><style type="text/css"> ???.box1{ ???????background-color: red; ???????width:100px; ???????height:100px; ???} ???.box2{ ???????background-color: yellow; ???????width:100px; ???????height:100px; ???????position: relative; ???????left: 20px; ???} ???.box3{ ???????background-color: blue; ???????width:100px; ???????height:100px; ???????position: relative; ???????right: 20px; ???}</style></head><body><div class="box1">box1</div><div class="box2">box2</div><div class="box3">box3</div></body></html>

  

css定位

原文地址:https://www.cnblogs.com/whatareyou/p/10117454.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved