在設計網頁布局時，有乙個很蛋疼的問題，那就是使用浮動（float）時的父容器塌陷問題。
先說一下什麼是塌陷：
塌陷：父元素只包含浮動元素，那麼它的高度就會塌縮為零（前提就是你們沒有設定高度（height）屬性，或者設定了為auto。就會出現這種情 況，當然不是所用的瀏覽器都是這樣的，在ie8下面沒有這種情況。）如果父元素不包含任何的可見背景，這個問題會很難被注意到，但是這是乙個很重要的問 題。
先看看**
css**
.body
.test
html**
html**
<
divclass="body"
>
<
divclass="test"
>111
div>
<
divclass="test "
>222
div>
<
divclass=" test "
>333
div>
<
divclass=" test "
>444
div>
<
divclass=" test "
>555
div>
div>
這樣的話，在firefox、chrome下是沒有body的#556677顏色。並不是沒有上色。你檢視body元素的盒型圖會發現，他的高度為0。這就是塌陷。
解決辦法：
1、在555
之後加乙個
，加的這個不影響整個布局。
2、在body元素的屬性中加上overflow:hidden。
偉大的杭州
終於到家了 這只是一次偶遇，但是我想，這足以令我重新思考人生 乙個教授，卻總跟不上趟，總算學會了滴滴叫車，便自鳴得意。總愛顯擺，哪怕身邊並沒有別人，卻似全世界的人都在關注。2017年10月28號下午四點半，我又得意洋洋掏出手機。然而，本來就嫌熱的身體，頓時驚出一身大汗 手機沒有電了 錢都在手機裡，手...
偉大的軟體要靠偉大的團隊來創造
多年顧問經驗告訴我，it 產業應以 人 為本，經費 裝置 軟體都是其次。但缺乏有力的資料 廣泛而深入的理論分析左證，難有什麼說服力。讀到 peopleware 一書後，覺得這是每個 it 從業人員都應閱讀的一本書。它清楚解釋了靠腦力工作的產業特殊性，大量製造的一致化在此並不適用。兩位作者透過親身經歷...
邊框塌陷的問題
今天週六要過來上班，閒來無事就又研究了一下css的問題，前一段時間去面試，被問到邊框塌陷的問題，我是乙個小白，只是知道並沒有深入的去了解，今天在網上查了一下，自己也去敲了一遍，終於有所了解。下面是我寫的乙個demo。開啟瀏覽器，我想有些小白肯定和我想的一樣，樣式呈現出來如下 如果認為如上圖的話 那麼...