關于第二個效果圖
還是不明白第二章效果圖怎么來的？？？輸入<span>的作用什么？已經在<div>了啊，當容器動的時候，span內容也會跟著動啊，但為什么文字溢出了邊框？？求解?。。?！
慕粉3476766
2016-06-27
4 回答
舉報
0/150
提交
取消
2016-06-27
你把后面的left，top那兩行去掉就知道意思了
2016-06-27
<div id="div1"></div><span>偏移前的位置還保留不動，覆蓋不了前面的div沒有偏移前的位置</span>,偏移是產生了一個新的框，原有的框還保留在原位置不顯示。所以后面的<span>的位置不會變。
2016-06-27
你應該是寫錯了。<span></span>寫在div標簽外面：<div id="div1"></div><span>偏移前的位置還保留不動，覆蓋不了前面的div沒有偏移前的位置</span>，目的是說明span標簽相對的是div移動前的位置。再試哈！~
2016-06-27
輸入<span>，他就是在<div>元素的后面了嘛，但是我們改變了<div>元素的位置，<span>依舊在他原來的位置，這就說明<div>元素原來的位置還保留著的，你看看代碼錯了沒有。
<!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>偏移前的位置還保留不動，覆蓋不了前面的div沒有偏移前的位置</span>
</body>
</html>