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

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

不懂啊求解釋元素定位

不太懂啊,為什么相對參照元素定位在框里面 ? 而下面的當我還是.....女生 ? 卻在圖片的外面啊 ? 如果是圖片原因的話為什么把圖片加到 id=box1 里面還是和下面的圖不一樣 ? ? ? ? ? ? ? ?還有#box4的 width:99%; ?有什么用 ? ?我去掉了 width:99%; ?也感覺沒什么啊

正在回答

4 回答

width:99%是box4框的大小,你改為50%或其它的,你就知道了,左下角定位。都在框里呀,絕對(absolute)定位對象,相對(relative)定位對象。http://www.cnblogs.com/mutuan/archive/2011/11/08/2240822.html

當設定position: relative ?則參照父級(最近)的內容區的左上角為原始點結合TRBL屬性進行定位,

當設定position:absolute
如果父級(無限)沒有設定position屬性,那么當前的absolute則結合TRBL屬性以瀏覽器左上角為原始點進行定位
如果父級(無限)設定position屬性,那么當前的absolute則結合TRBL屬性以父級(最近)的左上角為原始點進行定位。

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

qq_那個貓_0 提問者

非常感謝!
2016-03-20 回復 有任何疑惑可以回復我~
#2

mistyrain98 回復 qq_那個貓_0 提問者

不客氣
2016-03-21 回復 有任何疑惑可以回復我~
  1. 我復制了你的代碼,發現你現在的box4的文字已經在box3圖片的底部了,這里沒有問題啊?你關于box3和box4的代碼沒有什么問題,不過建議還是在“bottom:0;”的0后面加上px 單位。

  2. 你去掉width:99%之后還是有區別的,你檢查一下右邊框,不加99%的時候,box4的右邊框左移了!

  3. 我是在chrome下測試的,其他瀏覽器下不清楚具體效果。

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

? 你試著刪掉一些東西 如: ?position:absolute; ??id="box3",慢慢試吧,大概就明白了,相對位置與絕對位置

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

現在不懂不要緊,代碼沒有最優,只有更優,等你把該學的都學完了,像這樣的問題都不是是事了,先不要鉆牛角尖,繼續吧,我相信總有一天你自己會能明白的。


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

舉報

0/150
提交
取消

不懂啊求解釋元素定位

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

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

幫助反饋 APP下載

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

公眾號

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