課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
bottom:0;
和
top:100%
為什么第一個可以。第二個反而讓圖片隱藏了一部分??圖片下方全變成了文字,并不是鑲嵌。
2018-06-02
源自:初識HTML(5)+CSS(3)-升級版 13-9
正在回答
在這題中 box4是絕對定位absolute,離他最近的position為相對定位relative的前輩元素是box3,所以我們我們可以知道box4是相對于box3為參照元素進行相對定位的,你把top設置成100%,box3自然只能在box4下方而不能鑲嵌在box4里面了。因為top:100%;相當于top:200px; 如果還不理解的話,你可以自己通過不斷t調整top的百分比值或像素大小來觀察。
例如????top:0;????top:10px;????top:20px;????top:50px;????top:70px;????top:150px;????top:200px;
????????top:0%;????top:10%?;? ?top:30%;????top:40%;????top:70%????top:100%????top:150%;
狩叟
銀翼小怪獸 提問者 回復 狩叟
div{border:1px red solid;}? ?這個里面設置了高度文字也有高度。? ?改成:top:89%就可以完成效果。
舉報
HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義
1 回答如果讓文字固定,圖片往下移
3 回答嵌入圖片的問題
2 回答關于插入圖片問題
4 回答關于圖片
3 回答關于在盒模型中讓文字居中問題
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-06-16
在這題中 box4是絕對定位absolute,離他最近的position為相對定位relative的前輩元素是box3,所以我們我們可以知道box4是相對于box3為參照元素進行相對定位的,你把top設置成100%,box3自然只能在box4下方而不能鑲嵌在box4里面了。因為top:100%;相當于top:200px; 如果還不理解的話,你可以自己通過不斷t調整top的百分比值或像素大小來觀察。
例如????top:0;????top:10px;????top:20px;????top:50px;????top:70px;????top:150px;????top:200px;
????????top:0%;????top:10%?;? ?top:30%;????top:40%;????top:70%????top:100%????top:150%;
2018-06-02
div{border:1px red solid;}? ?這個里面設置了高度文字也有高度。? ?改成:top:89%就可以完成效果。