<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/*紧靠浏览器
*{
margin: 0px;
padding: 0px;
} */
.aaa{
width: 600px;
height: 600px;
background-color: #00FFFF;
/* 相对定位 相对于原来位置的定位 但是移动位置相对与原来的位置 位置依然保留*/
/* 只是加上相对定位才能为绝对定位当爹 */
position: relative;
/*跟随浏览器 剧中 */
margin: 0px auto;
}
.bbb{
width: 600px;
height: 600px;
background-color: #0000FF;
}
.ccc{
width: 100px;
height: 100px;
HTML相对定位与绝对定位
最新推荐文章于 2023-04-11 20:12:02 发布
本文介绍了HTML中的相对定位和绝对定位。相对定位保持元素原有的位置，通过`position: relative;`调整位置。绝对定位则脱离正常文档流，根据最近的已定位父元素进行定位，使用`position: absolute;`。示例展示了不同定位方式的效果。
最低0.47元/天 解锁文章
196
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
