關(guān)于第二個(gè)效果圖
還是不明白第二章效果圖怎么來的???輸入<span>的作用什么?已經(jīng)在<div>了啊,當(dāng)容器動(dòng)的時(shí)候,span內(nèi)容也會(huì)跟著動(dòng)啊,但為什么文字溢出了邊框??求解?。。。?/p>
還是不明白第二章效果圖怎么來的???輸入<span>的作用什么?已經(jīng)在<div>了啊,當(dāng)容器動(dòng)的時(shí)候,span內(nèi)容也會(huì)跟著動(dòng)啊,但為什么文字溢出了邊框??求解?。。。?/p>
2016-06-27
舉報(bào)
2016-06-27
你把后面的left,top那兩行去掉就知道意思了
2016-06-27
<div id="div1"></div><span>偏移前的位置還保留不動(dòng),覆蓋不了前面的div沒有偏移前的位置</span>,偏移是產(chǎn)生了一個(gè)新的框,原有的框還保留在原位置不顯示。所以后面的<span>的位置不會(huì)變。
2016-06-27
你應(yīng)該是寫錯(cuò)了。<span></span>寫在div標(biāo)簽外面:<div id="div1"></div><span>偏移前的位置還保留不動(dòng),覆蓋不了前面的div沒有偏移前的位置</span>,目的是說明span標(biāo)簽相對(duì)的是div移動(dòng)前的位置。再試哈!~
2016-06-27
輸入<span>,他就是在<div>元素的后面了嘛,但是我們改變了<div>元素的位置,<span>依舊在他原來的位置,這就說明<div>元素原來的位置還保留著的,你看看代碼錯(cuò)了沒有。
<!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;
? ? left:100px;
? ? top:50px;
}
</style>
</head>
<body>
<div id="div1"></div><span>偏移前的位置還保留不動(dòng),覆蓋不了前面的div沒有偏移前的位置</span>
</body>
</html>