div块移动之后,为什么span块没有移动到现在边框的下边位置,div块不应该占
relative样式
#div1{
width:200px;
height:200px;
border:2px red solid;
position:relative;
//position:absolute;
left:100px;
top:50px;
} |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
对比一下不设置position,和relative,absolute的图。
可以看出不设置和设置relative两张图文字位置没有任何变化。因为position:relative不会脱离文档流。虽然通过设置left和top移动了div,但是文档流中依然占据最开始的位置,不会影响其他元素。假设你不设置left和top值,那么两张图是完全一样的。
而第三张图中,可以看出文字跑到最上面了。因为position:absolute会脱离文档流。只是你移动了div,看起来不在一起。如果不设置top和left的话,就会发现div没动,但是文字跑上来重叠在一起了。
你把top和left都去掉,再在浏览器中查看就会明白了。
顺便说一下,css里的注释不能用//,你看你图片里的注释都没有变灰。只是刚好因为加了//浏览器不认识所以没有执行。 |
|
|
|
|
- 设置position,盒子脱离了文本流,另外设置float也会脱离文本流,你可以单独把这些试一下,下次遇到这种问题就明白了;
- 你的position:absolute,没有注释成功,css的注释是/*注释内容*/, html的注释是 , js的注释是//注释内容 ,sumblime注释的快捷键是,选中要注释的文本按ctrl+/
|
|
|
|
|