问答详情
源自：13-7 相对于自己的位置-层模型之相对定位

div块移动之后，为什么span块没有移动到现在边框的下边位置，div块不应该占据整个边框么

http://img.mukewang.com/579db5790001c2fd07440439.jpg

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>relative样式</title>

<style type="text/css">

#div1{

    width:200px;

    height:200px;

border:2px red solid;

    position:relative;

     //position:absolute;

left:100px;

    top:50px;

    

    

}


</style>

</head>

<body>


提问者：慕田峪0816849 2016-07-31 16:25

个回答

  • 浅小唱3790623
    2016-08-13 00:22:46
    已采纳

    移动完后的div是浮动的，不占用空间。但是之前的div占据了空间，所以span元素接在了之前div的下面

    0
  • 冰是很冰
    2016-07-31 16:33:44

    若你是问为什么没显示在div框外面的下方；那是因为position：relative；偏移后的div是浮动的

    0
  • 系统默认
    2016-07-31 16:33:05

    div元素偏移了，但是它的位置还是之前的，span之前是跟在它后面的，所以div位置没变，span位置也没变



    0
  • 冰是很冰
    2016-07-31 16:29:46

    <span>并没有写在div里面

    0
  • Cynthialyl
    2016-07-31 16:29:06

    div是现对于其前绝对位置的相对移动，绝对位置任占据空间，所以span没有发生变化。

    0