二十三、css中的定位
1、绝对定位（经常用）：
absolute：定位离开之后，释放之前的位置，基于外层父级标签
2、相对定位(最常用)：
relative：定位离开之后，之前的位置不会释放，基于之前的位置来说
3、固定定位：
fixed：始终是基于浏览器的左上角定位 适用于广告
4、默认定位：
static：初始的定位操作
<style>
.div_1{
width: 200px;
height: 200px;
background-color: red;
/*绝对定位*/
/*position: absolute;*/
/*相对定位*/
/*position: relative;*/
/*固定定位*/
position: fixed;
top: 200px;
left: 200px;
/*置于底层*/
z-index: -1;
}
.div_2{
width: 200px;
height: 200px;
background-color: greenyellow;
}
</style>
</head>
<body>
<div class="div_1"></div>
<div class="div_2"></div>
</body>
二十四、盒子中的模型
1、内边距
padding: div和border之间距离
2、外边距
margin：
/*内边距 div和border之间的距离*/
/*padding: 50px;*/
/*上下的距离，左右的距离*/
/*padding: 30px 50px;*/
/*上 右 下 左（顺时针）*/
/*padding: 10px 20px 30px 40px;*/
/*单独一个方向*/
最低0.47元/天 解锁文章
1448
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
