亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

同時顯示問題

有沒有辦法可以同時顯示移動前和移動之后的div位置就像效果圖那樣

正在回答

3 回答


<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>relative樣式</title>
<style type="text/css">
#box1{
??? width:200px;
??? height:200px;
?border:2px red dotted;
?position:absolute;
}
#div1{
??? width:200px;
??? height:200px;
?border:2px red solid;
?position:relative;
??? left:100px;
??? top:50px;
}

</style>
</head>
<body>
??? <div? id="box1"> try</div>
?<div id="div1"></div>
?<span>偏移前的位置還保留不動,覆蓋不了前面的div沒有偏移前的位置</span>
</body>
</html>


2 回復 有任何疑惑可以回復我~

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>流動模式下的塊狀元素</title>

<style type="text/css">



#one{

color: red;font-size: 20px;

border: 2px dashed red;

width: 300px;height: 300px;

position: relative;

}

#two{

color: red;

border: 2px solid red;

height: 300px;width: 300px;

position: absolute;

top: 50px;

left: 70px;

}


</style>

</head>

<body>

? ? <div id="one">之前的位置

? ? <div id="two">移動后的位置

? ? </div>

? ? </div>

</body>

</html>


0 回復 有任何疑惑可以回復我~

不知道

0 回復 有任何疑惑可以回復我~
#1

__心無旁騖_ 提問者

拜托你不知道就不要回答了好不好看到好多人的問題你都在下面答個不知道
2018-09-05 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1229287    人
  • 解答問題       19084    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

同時顯示問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號