相對和絕對:為什么把相對改為絕對<span>里的內(nèi)容就上移了呢
#div1{
? ? width:200px;
? ? height:200px;
border:2px red solid;
position:absolute;
? ? top:20px;
? ??
? ??
}
</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置還保留不動</span>
</body>
#div1{
? ? width:200px;
? ? height:200px;
border:2px red solid;
position:absolute;
? ? top:20px;
? ??
? ??
}
</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置還保留不動</span>
</body>
2016-03-26
舉報
2016-03-30
相對定位,偏移前的位置不可以被覆蓋,絕對定位可以
2016-04-22
在頁面顯示內(nèi)容時,<body>里的內(nèi)容在頁面的顯示順序依然是從上而下,但是設(shè)置為絕對定位的時候,元素會從文檔流中脫離,而且元素可以覆蓋絕對定位之前的位置。
2016-03-26
相對定位是相對你原先的位置,也就是你span標(biāo)簽原來的位置。top:20px,相當(dāng)于相對于原來的位置向下移動了20px。如果改成絕對定位,那就是相對body移動了。所以會產(chǎn)生向上的效果。參照的對象不一樣,產(chǎn)生的效果也不同
2016-03-26