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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
http://www.cnblogs.com/luoqian/p/5987788.html 這個網址解釋了overflow:hidden;的真正含義!
贊~贊~贊~
合工大軟件學院的路過 我覺得老師說的很好 那些說不好的 你自己腦子有問題吧 自己垃圾看看不管別人的好 你永遠都不會進步的 垃圾們?。?!
老師講解的還是很詳細的 做的很用心 能聽得出來
可不可以說老師的firefox瀏覽器的收藏的鏈接是植入廣告?可不可以這樣理解?。?/div>
@舒紫棟
no,no,no不是換行不換行的問題,因為左邊的div已經浮動脫離文檔流了,所以右邊的div就會占據它原來的位置,但浮動元素會覆蓋在普通元素上面,所以看上去是換行,其實你量一下會發現二者在同一行,另外,后面那個"版權部分"也是這個原理
其實原來p元素是占據一整行的,只是被浮動元素覆蓋了,而且浮動對于文字的影響是使文字環繞在其周圍,之后設置p元素overflow:hidden觸發BFC后,由于BFC的特性即不與浮動元素重疊,p元素就不會占據一行了(此時浮動元素和p元素仍在同一行,我們看不出變化),之后設置了width:100%,那么寬度達不到要求p元素就得跑到下一行去了.
關于BFC的介紹:http://www.cnblogs.com/lhb25/p/inside-block-formatting-ontext.html
老師說的真心不錯!贊一個!尤其說那個浮動的時候,本來之前有點云里霧里的,聽完之后,有種撥開云霧見天日的感覺,在這里真心的謝謝老師!雖然你很有可能看不到,但是我還是要表達一下我的感激之情!
從老是亂打字的情況可以分析出 老師是個女漢子 糙漢子。。
講到的時候平平過去,很難捕抓到一句話的主謂賓
#mainbody {
width:100%;
position:relative;
margin-top:20px;
}

#content {
position:absolute;
top:0px;
margin-left:200px;
}
呃呃,是792,還得減一邊框
接著上個發表,121px隨便自己看著弄,793=970-177
#wrap{width:970px;margin:0 auto;}
#mainbody{positive:relative;width:100%;margin-top:15px;}
#left{float:left;width:110px;border:1px solid #000; }
#mid{margin:0 121px auto;width:650px;border:1px solid #999;}
#right{position:absolute;border:1px solid #999;width:177px;top:103px;left:793px;}
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消