課程播放地址：http://www.survivalescaperooms.com/course/222.html

該老師講課風格:

教師講課深入淺出，條理清楚，層層剖析，環環相扣，論證嚴密，結構嚴謹，用思維的邏輯力量吸引學生的注意力，用理智控制課堂教學進程。學生通過聽教師的講授，不僅學到知識，也受到思維的訓練，還受到教師嚴謹的治學態度的熏陶和感染

本視頻中較為難點是oveflow溢出處理了：

問題的提出：
最簡單的一種情形就是我們把一個小的、固定寬度的p元素（比如導航、引用等）和其他元素內容一起包含在一個大的p中。比如下面這段代碼：

 p id= outer  p id= inner h2 A Column /h2 /p  h1 Main Content /h1  p Lorem ipsum /p  /p 

我們可以為“#inner”設定一個寬度值（比如說20%），但是由于p是塊級元素，即使我們設定了寬度，其后面的內容也只能在下一行中顯示，除非我們給它設定一個浮動屬性（無論是向左浮動或者向右浮動）。那么此時會產生我們上面提到的問題了。

如果“#inner”的寬度和高度都比“#outer”小，這不會有問題。

但是，如果“#inner”的高度超過了“#outer”，那么的底部就會超出“#outer”的底部。這是因為我們為“#inner”設定了float屬性后，它就會脫離的文本流，無論其寬度和高度怎么變化都不會使“#outer”跟隨變化。

例一：未清除浮動時的布局表現
在這個例子中，最開始由于“#inner”的高度小于“#outer”所以不會有問題，但是當你點擊“加長”后你會發現“#inner”的底邊已經超出了“#outer”的范圍，而“#outer”沒有發生改變。這就是我們所提到的“清除浮動（閉合浮動元素）”或者是“閉合浮動”問題

解決辦法：
1）額外標簽法
第一個，也是W3C推薦的方法就是使用額外標簽的辦法。這種方法就是在內容的末尾增加一個空的標簽，典型的做法就是使用類似

 br >
或者使用
 p >
這種辦法通過增加一個HTML元素迫使外部容器撐開。不過這個辦法會增加額外的標簽使HTML結構看起來不夠簡潔。
這里還給大家推薦了資料的下載：http://www.survivalescaperooms.com/xiazai/learn/1857 
lionhit
minilionhit
xhtml
以上就是布爾教育_燕十八_HTML視頻資源課件的詳細內容，html教程        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。