您的位置：首页 > 其它

div的定位讲解

2016-05-18 15:18 281 查看

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

</head>

<style>

*{

padding: 0;

margin: 0;

}

.box1{

width:100px;

height: 100px;

background-color: orange;

margin: 50px;

}

.box2{

width: 50px;

height: 50px;

background-color: black;

/*相对定位:参考自身未改变时在的位子*/

/*position:relative;*/

/*绝对定位:它先去寻找围城盒子如围城盒子有定位属性，外层盒子将作为自身的参考位置没有继续找如果都没有参考body*/

position: absolute;

left:0px;

top:0px;

}

</style>

<body>

<div class='box1'>

<div class='box2'></div>

</div>

</body>

</html>

总结：

相对定位它移动后其占据的位置还是未移动时的位置

绝对定位：它相对与浮在哪个查考的div上不会占空间

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航