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