為什么將positioning由relative改為absolute,span標(biāo)簽的文字就往上移動呢？我還是不怎么理解什么時候用absolute,什么時候用rel
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>absolute樣式</title>
<style type="text/css">
? ? #on{
? ?
width: 600px;
height: 600px;
border: 2px solid red;
position: absolute;
left: 400px;
top:10px;
}
.div2{
width: 300px;
height: 300px;
? ? ? ? position: absolute;
left: 60px;
border: 2px solid red;
}
</style>
</head>
<body>
<body>
<div id="on">
? ? ? ? ?<div class="div2"></div><span>偏移前的位置還保留不動，覆蓋不了前面的div沒有偏移前的位置</span>
? ? </div>
</body>
</body>
</html>
2015-11-21
relative是相對定位 ?相對的是自己以前的位置，相對于自己以前位置的左上角為原點開始移動，left是現(xiàn)在位置距自己以前位置的左邊的距離（有點拗口，語言組織能力太差將就看吧）。。 ?top是現(xiàn)在位置距自己以前位置的上邊的距離，記住是以以前位置左上角為原點的哦。
absolute是絕對定位 ?是以父級左上角為原點開始移動，沒有父級就是<body>瀏覽器頁面了，left是距父級左邊的距離 ?top是距父級上邊的距離，記住是以父級左上角為原點的哦。
題主所說的會往上移動也是這個道理，相對移動是相對span標(biāo)簽原來的位置，原來的位置在div的下面本身原點就很低，而絕對移動是相對于父級標(biāo)簽的，題主問題中的父級標(biāo)簽是body，就是瀏覽器頁面，絕對移動是以瀏覽器頁面左上角來移動的，原點高，所以移動完后也高。
2015-11-06
因為絕對浮動 ?是斷絕關(guān)系的孩子 ?再也不會回來的了 ?所以家里就沒有給他留位置了
2015-11-06
relative ?本身不會對頁面造成什么影響，他是只給absolute作參考，absolute的位置會相對于離他最近的一個有relative的標(biāo)簽
?