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

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

bottom:0; right:0;這兩句代碼的含義

向右移動100px,向下移動50px的代碼是left:100px;?top:50px;那么bottom:0; right:0;不應該是向上向左各移動0嗎?位置應該還在左上角嗎,為什么會是右下角呢?

正在回答

4 回答

移動的時候,是要把圖像移動到邊上,相當于初始化!比如left:100px,是相對于左,向右移動100px,它是先把塊放到最左邊再向右移動100像素!

同理,bottom:0,它是先把塊放到底部,再向上移動0px,0相當于不移動,所以就在底部了!

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

想當大牛 提問者

可是最開始的時候塊不是都在左上角嗎
2017-02-17 回復 有任何疑惑可以回復我~
#2

Silver.Durant 回復 想當大牛 提問者

對啊!當你移動位置的時候,就初始化了(relative除外),bottom就初始化到最底部,left就初始化到最左邊等等!absolute和fixed都是相對于邊框去移動的,只有relative是相對于原來位置!你可以試試 position:relative ; bottom:0PX;left:0;這樣應該是保持不變的位置!如果變了,那我也不知道怎么辦了,畢竟我不是開發者,只是根據它的現象來分析的內在邏輯!
2017-02-17 回復 有任何疑惑可以回復我~

意思是這段代碼中的bottom:0;right:0;是指定位在下面跟右邊坐標(0,0)的位置,(所以才沒加px?)而固定定位時移動0px代碼省略了 對嗎?

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

是啊為什么呢

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

意思是向頂部移動0px,向左側移動0px,那不是在右下角么。

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

想當大牛 提問者

但是它的初始位置在左上角啊
2017-02-17 回復 有任何疑惑可以回復我~

舉報

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

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

進入課程

bottom:0; right:0;這兩句代碼的含義

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

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

幫助反饋 APP下載

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

公眾號

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