課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
不太懂啊,為什么相對參照元素定位在框里面 ? 而下面的當(dāng)我還是.....女生 ? 卻在圖片的外面啊 ? 如果是圖片原因的話為什么把圖片加到 id=box1 里面還是和下面的圖不一樣 ? ? ? ? ? ? ? ?還有#box4的 width:99%; ?有什么用 ? ?我去掉了 width:99%; ?也感覺沒什么啊
2016-03-20
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
width:99%是box4框的大小,你改為50%或其它的,你就知道了,左下角定位。都在框里呀,絕對(absolute)定位對象,相對(relative)定位對象。http://www.cnblogs.com/mutuan/archive/2011/11/08/2240822.html
當(dāng)設(shè)定position: relative ?則參照父級(最近)的內(nèi)容區(qū)的左上角為原始點結(jié)合TRBL屬性進(jìn)行定位,
當(dāng)設(shè)定position:absolute 如果父級(無限)沒有設(shè)定position屬性,那么當(dāng)前的absolute則結(jié)合TRBL屬性以瀏覽器左上角為原始點進(jìn)行定位 如果父級(無限)設(shè)定position屬性,那么當(dāng)前的absolute則結(jié)合TRBL屬性以父級(最近)的左上角為原始點進(jìn)行定位。
qq_那個貓_0 提問者
mistyrain98 回復(fù) qq_那個貓_0 提問者
我復(fù)制了你的代碼,發(fā)現(xiàn)你現(xiàn)在的box4的文字已經(jīng)在box3圖片的底部了,這里沒有問題???你關(guān)于box3和box4的代碼沒有什么問題,不過建議還是在“bottom:0;”的0后面加上px 單位。
你去掉width:99%之后還是有區(qū)別的,你檢查一下右邊框,不加99%的時候,box4的右邊框左移了!
我是在chrome下測試的,其他瀏覽器下不清楚具體效果。
? 你試著刪掉一些東西 如: ?position:absolute; ??id="box3",慢慢試吧,大概就明白了,相對位置與絕對位置
現(xiàn)在不懂不要緊,代碼沒有最優(yōu),只有更優(yōu),等你把該學(xué)的都學(xué)完了,像這樣的問題都不是是事了,先不要鉆牛角尖,繼續(xù)吧,我相信總有一天你自己會能明白的。
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
2 回答求解 行內(nèi)元素與塊狀定寬元素
3 回答參照定位元素
1 回答元素定位問題
1 回答參照定位的元素必須是相對定位元素的前輩元素,為什么不可以是絕對定位元素(absolute)呢?
1 回答我可不可以理解元素定位用padding 所有的元素(也就是塊)定位用margin
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-03-20
width:99%是box4框的大小,你改為50%或其它的,你就知道了,左下角定位。都在框里呀,絕對(absolute)定位對象,相對(relative)定位對象。http://www.cnblogs.com/mutuan/archive/2011/11/08/2240822.html
當(dāng)設(shè)定position: relative ?則參照父級(最近)的內(nèi)容區(qū)的左上角為原始點結(jié)合TRBL屬性進(jìn)行定位,
當(dāng)設(shè)定position:absolute
如果父級(無限)沒有設(shè)定position屬性,那么當(dāng)前的absolute則結(jié)合TRBL屬性以瀏覽器左上角為原始點進(jìn)行定位
如果父級(無限)設(shè)定position屬性,那么當(dāng)前的absolute則結(jié)合TRBL屬性以父級(最近)的左上角為原始點進(jìn)行定位。
2016-03-20
我復(fù)制了你的代碼,發(fā)現(xiàn)你現(xiàn)在的box4的文字已經(jīng)在box3圖片的底部了,這里沒有問題???你關(guān)于box3和box4的代碼沒有什么問題,不過建議還是在“bottom:0;”的0后面加上px 單位。
你去掉width:99%之后還是有區(qū)別的,你檢查一下右邊框,不加99%的時候,box4的右邊框左移了!
我是在chrome下測試的,其他瀏覽器下不清楚具體效果。
2016-03-20
? 你試著刪掉一些東西 如: ?position:absolute; ??id="box3",慢慢試吧,大概就明白了,相對位置與絕對位置
2016-03-20
現(xiàn)在不懂不要緊,代碼沒有最優(yōu),只有更優(yōu),等你把該學(xué)的都學(xué)完了,像這樣的問題都不是是事了,先不要鉆牛角尖,繼續(xù)吧,我相信總有一天你自己會能明白的。