#div1{
width:200px;
height:200px;
border:2px red solid;
position:relative;
left:100px;
top:50px;
}
</style>
</head>
<body>
<div id="div1"><span>hehhehhehehhehehehhehhehehhehehehhehhehehhehe</span></div>
请写在</div>后面
题目是让你把span写在div的后面,不是div里面!<div id="div1"></div><span>xxxxxxxxxxxxxxxx</span>
<body>
<div id="div1"></div><span>偏移前的位置还保留不动,覆盖不了前面的div没有偏移前的位置</span></body>
例子中的<span></span>是放在<div></div>后面的,不属于<div></div>.而你的<span></span>是放在<div></div>块里面的,属于<div></div>内的一部分。
所以说这两个不一样;
“虽然div元素相对于以前的位置产生了偏移,但是div元素以前的位置还是保留着,所以后面的span元素是显示在了div元素以前位置的后面。”这句话要琢磨一下,注意这里的span不是div里面的
你仔细看看例子,span没在div里面,在后面那
但是你这段代码是将他整个移动呢,就相当于div是一个人,span是他的内脏,人都走了,难道内脏还在原位?题目的span是在div外面的,就等于一个人拿着一本书或者坐着一张凳子,人走了,东西还在原位。是两个不同概念
例子不是说的<span>是相对于<div>之前的位置来定位的,人家讲的是<div>本身相对于之前位置的定位呢。在你写的代码中,<div>就好比是个盒子,<span>就是<div>里面的内容,盒子都移走了,内容能不跟着走吗?
span 放进了DIV的盒子里面,DIV盒子移动,那盒子里面的span肯定也会移动啊
位置会变,但是之前的位置还是会保留,加span标签是为了验证它之前的位置还保留。
<span>应该写在<div>后面才不动,写在<div>里面div一变<span>就会改变
你把它放在块状元素里,当然就会一起移动了~要放在<div>后面的
div是他爹
span标记指行内标记,主要用于文本容器,相对于div容器,span容器的文本或图片要小很多
因为div是他的父元素
为什么不动 他在div内部啊 当然动了
<span>不是块状元素