相對和絕對:為什么把相對改為絕對<span>里的內容就上移了呢
#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
在頁面顯示內容時,<body>里的內容在頁面的顯示順序依然是從上而下,但是設置為絕對定位的時候,元素會從文檔流中脫離,而且元素可以覆蓋絕對定位之前的位置。
2016-03-26
相對定位是相對你原先的位置,也就是你span標簽原來的位置。top:20px,相當于相對于原來的位置向下移動了20px。如果改成絕對定位,那就是相對body移動了。所以會產生向上的效果。參照的對象不一樣,產生的效果也不同
2016-03-26