課程
/前端開發
/HTML/CSS
/CSS深入理解之absolute
如題,如題
2016-07-30
源自:CSS深入理解之absolute 8-2
正在回答
感覺你沒有理解講的東西,要的就是內容超出。。去看看實際的樣子和我們原生APP的寫法區別。。你這樣寫的,和視頻的前一個小DEMO就是一樣的了。。沒有意義~
<!DOCTYPE?html> <html> <head> ????<meta?charset="utf-8"> ????<meta?http-equiv="X-UA-Compatible"?content="IE=edge"> ????<meta?name="viewport"?content="width=device-width,?initial-scale=1"> ????<title>絕對定位整體布局</title> ????<style?type="text/css"> ????body?{ ????????margin:?0; ????} ???? ????html, ????body, ????.page?{ ????????width:?100%; ????????height:?100%; ????????overflow:?hidden; ????} ???? ????.page?{ ????????position:?absolute; ????????left:?0; ????????top:?0; ????} ???? ????.header, ????.footer, ????.content?{ ????????position:?absolute; ????????left:?0; ????????right:?0; ????} ???? ????.header?{ ????????top:?0; ????????height:?45px; ????????background-color:?blue; ????} ???? ????.content?{ ????????top:?45px; ????????bottom:?50px; ????????background-color:?gray; ????} ???? ????.footer?{ ????????bottom:?0; ????????height:?50px; ????????background-color:?blue; ????} ????</style> </head> <body> ????<div?class="page"> ????????<div?class="header">header</div> ????????<div?class="content">content</div> ????????<div?class="footer">footer</div> ????</div> </body> </html>
舉報
理解CSSposition:absolute聲明,掌握position:absolute高級應用
2 回答最后一個fixed定位不理解
2 回答CSS深入理解之absolute
1 回答之前一直習慣用父元素相對定位配合絕對定位的,感覺這樣很是方便簡單!但是我看了三遍了,你講的又突然說不能一起用,也是依然理解不了,而且用了浮動還不能生效,那要怎么定位?
5 回答if條件怎么理解
5 回答加上&nbsp,是為了兼容IE嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-01-19
感覺你沒有理解講的東西,要的就是內容超出。。去看看實際的樣子和我們原生APP的寫法區別。。你這樣寫的,和視頻的前一個小DEMO就是一樣的了。。沒有意義~
2016-07-30