如題，我把第9和第12個(gè)方塊設(shè)置為絕對(duì)定位，可是為什么父容器container會(huì)向下挪？
你可以試試，把其他的子div也改一下，父容器為什么會(huì)變位置
<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<title>小練習(xí)5</title>
<link?rel="stylesheet"?type="text/css"?href="practice5.css">
</head>
<body>
<div?class="container">
<div?class="draggable">1</div>
<div?class="draggable">2</div>
<div?class="draggable">3</div>
<div?class="draggable">4</div>
<div?class="draggable">5</div>
<div?class="draggable">6</div>
</div>
<div?class="container">
<div?class="draggable">7</div>
<div?class="draggable">8</div>
<div?class="draggable"?style="position:?absolute;">9</div>
<div?class="draggable">10</div>
<div?class="draggable">11</div>
<div?class="draggable"?style="position:?absolute;">12</div>
</div>
<script?type="text/javascript"?src="practice5.js"></script>
</body>
</html>
//下面是css
*{
margin:?0;
padding:?0;
-webkit-box-sizing:?border-box;
???-moz-box-sizing:?border-box;
box-sizing:?border-box;
}
.container{
width:?200px;
height:?400px;
border:?1px?solid?black;
display:?inline-block;
margin:?40px;
}
.container?div{
width:?200px;
height:?40px;
display:?inline-block;
border:?1px?solid?black;
background-color:?#c55342;
}
為什么我把這個(gè)div設(shè)置絕對(duì)定位，他的父容器位置會(huì)變化？
newsudhc3634140
2016-10-03 17:14:29
