個人看法:最后的距離,邊框不用計算在內。還記得3D盒子模型嗎?border是最上層的,也就是說,無論你加不加邊框,都不會對你底層的盒子位置造成影響。
2017-01-13
初學者的理解:
"CSS 有三種基本的定位機制:普通流、浮動和絕對定位。"出自:http://www.w3school.com.cn/css/css_positioning.asp。固定定位可以理解為相對body的偏移量為0的絕對定位,相對定位可以理解為普通流(原位置不變)+絕對定位。
“定位機制大體上分三種:流、浮動、層”:層模型包含相對、絕對、固定定位,不會受文檔流、浮動的影響,歸為一類,但貌似層模型的說法不是很普遍。
"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像是開僻了一個新的小宇宙,使這個塊圾元素內部的排版完全獨立隔絕。而獨立的塊級上下文可以包裹浮動流,全部浮動子元素也不會引起容器高度塌陷。
2017-01-12
最新回答 / Amaranta
CSS里面樣式和元素不是一對一的,同樣的樣式可以應用在多個元素上,添加同樣的class即可。老師添加一個book的樣式是為了讓初學者養成良好的思維習慣。
2017-01-12
任務一:margin:0 auto; (auto會根據瀏覽器寬度自動居中。)
任務二:width:100%; (子塊元素在父模塊下,寬度設置100% 是自動寬度。)
任務二:width:100%; (子塊元素在父模塊下,寬度設置100% 是自動寬度。)
2017-01-11