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

来源:13-7 相对于自己的位置-层模型之相对定位

慕田峪0816849

2016-07-31 16:25

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>


写回答 关注

5回答

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

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

    慕田峪081...

    非常感谢!

    2016-08-13 17:03:29

    共 1 条回复 >

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

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

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

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



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

    <span>并没有写在div里面

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

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

    慕田峪081...

    也就是移动之后不占据空间了,但为什么之前div块里的内容也可以跟着移动

    2016-07-31 16:36:27

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225308 学习 · 18230 问题

查看课程

相似问题