div塊移動(dòng)之后,為什么span塊沒有移動(dòng)到現(xiàn)在邊框的下邊位置,div塊不應(yīng)該占據(jù)整個(gè)邊框么
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative樣式</title>
<style type="text/css">
#div1{
? ? width:200px;
? ? height:200px;
border:2px red solid;
? ? position:relative;
? ? ?//position:absolute;
left:100px;
? ? top:50px;
? ??
? ??
}
</style>
</head>
<body>
2016-08-13
移動(dòng)完后的div是浮動(dòng)的,不占用空間。但是之前的div占據(jù)了空間,所以span元素接在了之前div的下面
2016-07-31
若你是問為什么沒顯示在div框外面的下方;那是因?yàn)閜osition:relative;偏移后的div是浮動(dòng)的
2016-07-31
div元素偏移了,但是它的位置還是之前的,span之前是跟在它后面的,所以div位置沒變,span位置也沒變
2016-07-31
<span>并沒有寫在div里面
2016-07-31
div是現(xiàn)對(duì)于其前絕對(duì)位置的相對(duì)移動(dòng),絕對(duì)位置任占據(jù)空間,所以span沒有發(fā)生變化。