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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
個人看法:最后的距離,邊框不用計算在內。還記得3D盒子模型嗎?border是最上層的,也就是說,無論你加不加邊框,都不會對你底層的盒子位置造成影響。
to qq_Limpid_Star_04213932:weixin_phoenix的理解是正確的,但是本例子中較為特殊。假如你設置left,實際上等同于相對于上一層包含塊mainbody的margin-left。但是(敲黑板!),mainbody的左右邊界被設置為width:100%,即mainbody的邊界時等同于<html>的邊界,也就是瀏覽器邊界!所以此時你設置的left,實際上是相對于瀏覽器邊界的margin-left~
我看到評論里還沒有正確的關于絕對定位的margin屬性的說法,特地查了一下擺渡,結論如下:
1、只使用left等定位是按照上層相對定位(或絕對定位)的邊界進行定位
2、只使用margin相關屬性定位時按照上層標準流(或浮動)塊的邊界進行定位
3、當同時使用兩者時則按照上層相對定位(或絕對定位)的邊界進行定位,并且距離值為兩者的相加值
這老師講的很混亂,給和我一樣的萌新講一下已經定位的祖先元素是什么。A元素的祖先元素,是指包裹住A元素的其他元素,包括A的父元素,A的父元素的父元素(繼續循環下去),這些都稱之為A元素的祖先元素。而這些祖先元素只要設置了position,都稱之為已定位的祖先元素~
我覺得老師思路非常清晰,而且也很細致,對于我這樣的入門者來說,再合適不過了!
初學者的理解:
"CSS 有三種基本的定位機制:普通流、浮動和絕對定位。"出自:http://www.w3school.com.cn/css/css_positioning.asp。固定定位可以理解為相對body的偏移量為0的絕對定位,相對定位可以理解為普通流(原位置不變)+絕對定位。
“定位機制大體上分三種:流、浮動、層”:層模型包含相對、絕對、固定定位,不會受文檔流、浮動的影響,歸為一類,但貌似層模型的說法不是很普遍。
一個冒號的格式錯了,檢查這半天才發現。。無語
說明一下overflow為什么能消除浮動,在本節課中能讓黃色區域被撐起來。 BFC (Block Formatting Context)全稱是塊級格式化上下文,用于對塊級元素排版,默認情況下只有根元素(body)一個塊級上下文,但是如果一個塊級元素 設置了float:left,overflow:hidden或position:absolute樣式,就會為這個塊級元素生成一個獨立的塊級上下文,新開僻的BFC像是開僻了一個新的小宇宙,使這個塊圾元素內部的排版完全獨立隔絕。而獨立的塊級上下文可以包裹浮動流,全部浮動子元素也不會引起容器高度塌陷。
說一個老師講錯的地方:book的css樣式里,no-repeat是用于令background的圖片不平鋪,而并非是不重復
對于父元素的影響清除就是:width:100%;overflow:hidden;

對于自己臨近的清除就是:clear:both;

最新回答 / Amaranta
CSS里面樣式和元素不是一對一的,同樣的樣式可以應用在多個元素上,添加同樣的class即可。老師添加一個book的樣式是為了讓初學者養成良好的思維習慣。
成數學問題了,而且簡直逗啊,你們都不算邊框的么……老師好不容易給你們弄成整數了,還非算給算錯……
任務一:margin:0 auto; (auto會根據瀏覽器寬度自動居中。)
任務二:width:100%; (子塊元素在父模塊下,寬度設置100% 是自動寬度。)
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消