为了账号安全,请及时绑定邮箱和手机立即绑定

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

http://img1.sycdn.imooc.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 回答

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

0 回复 有任何疑惑可以回复我~
#1

慕田峪0816849 提问者

非常感谢!
2016-08-13 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

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



0 回复 有任何疑惑可以回复我~

<span>并没有写在div里面

0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~
#1

慕田峪0816849 提问者

也就是移动之后不占据空间了,但为什么之前div块里的内容也可以跟着移动
2016-07-31 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信