課程
/前端開發
/HTML/CSS
/CSS深入理解之absolute
我自己做了下,都用0的話 會覆蓋。跟老師課件里的圖不一樣。
2016-08-18
源自:CSS深入理解之absolute 8-1
正在回答
是的,因為是絕對定位,如果top:0,根據跟隨性,后面的會覆蓋前面的
header,footer{position:absolute;left:0;right:0;}header{height:?px;top:0;}footer{header:?px;bottom:0;}aside{width:?px;position:absolute;left:0;top:0;bottom:0;}
復制的,暫時沒試
舉報
理解CSSposition:absolute聲明,掌握position:absolute高級應用
2 回答為什么aside 把header覆蓋了?
2 回答為什么給圖像設置成block之后,div的高度會變得和圖像一樣。
2 回答額。對于右邊欄,這種方式如何?position:fix; right:想要的右留白寬度; bottom:想要的下留白寬度; margin:0 元素寬度 元素高度 0;
2 回答張老師你好,有個問題想請教一下你,就是你這節課說的這種布局方式,如果我用自己寫的一個div替代aside模塊,我發現如果瀏覽器出現滾動條的時候,上下的header和footer根本固定不了在網頁的頭部和底部
1 回答設置圖片position:absolute和left:0;right:0;top:0;bottom:0;圖片并沒有百分百顯示?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-03-01
是的,因為是絕對定位,如果top:0,根據跟隨性,后面的會覆蓋前面的
2016-08-19
header,footer{position:absolute;left:0;right:0;}
header{height:?px;top:0;}
footer{header:?px;bottom:0;}
aside{width:?px;position:absolute;left:0;top:0;bottom:0;}
復制的,暫時沒試