亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

固定層效果

難度初級
時長32分
學習人數
綜合評分9.67
353人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.5 邏輯清晰
不錯,單就這一功能足夠了。感謝!
建議:提供一些舉一反三的例子
就事論事,這節課里確實聽不懂這女老師口中的margin-top和margin-bottom,直到看到陽光雨下的評論。在此先謝過了。當然聽不清這情況在其他課程也遇到過,所以,一直在想,如果有字幕那該多好,沒有字幕有個課程大概知道講什么啊。囧。。。
這節課講的和之前講的不一樣。
這個題實際是這樣的:將上面例子具體化一下,如body(margin:0)下面有一個div高35px,緊鄰其后的X元素外邊距15px,那么div設置fixed之后,div在原本文檔流該處的地方脫離文檔流(也就是作為body第一個元素的位置),導致緊鄰其后的X元素帶著它的15px跑到body的第一個元素,那么問題來了,margin-top:0的body和margin-top:15px的X元素,發生margin重疊(margin cllapse),取較大的值,導致body帶著div和x元素一起向下方移動15px。(所以個人覺得,垂直外邊距的重疊才是解釋這個題目的合理原因)
樓下不喜勿噴。注意素質。有什么不懂得。大可去看幫助文檔。這就是真理?。?!
真的不能說是左上角,這個說法不大準確。因為視頻中的例子,如果box2先設置成position:absolute;那么它并不會往左上角跑,而覆蓋藍色的box1,真實情況是它在原本文檔流該處的位置上脫離文檔流,也就是說它后面的content不再受box2影響,導致box2堆疊在content上面。
firefox版本好老。。。
確實有點啰嗦
聽到最后一句“這就是absolute和fixed定位的相同點”,我表示一臉懵逼。。。
position:fixed;left:0;top:0;
margin:0 auto
老師有意或無意地暴露了自己的微博
樓下那個叫囂的SB趕緊滾吧
#mainbody{width:1000px;
overflow:hidden;
margin:64px auto 0;
}

#top{position:fiexd;top:0;left:0;}
課程須知
1.您需要掌握簡單的html+css相關知識 2.對position定位有簡單的認識
老師告訴你能學到什么?
1.position屬性中絕對定位(absolute)和固定定位(fixed)的區別 2.偏移量的設置 3.固定層效果的如何實現

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消