補充： 一， float 使父元素高度坍塌的原因 ： 子元素使用 float 后，使其脫離文檔流 。 使父元素檢測不到其尺寸。 二，5種解決方案 ： 1，為父元素設置高度 ， 缺陷是 ：不靈活 2，為父元素設置 float , 缺陷是 ：使父元素也脫離 ...

前言 那是一個很久之前的故事了。。。之前我一直認為CSS最重要的是布局，將一個圖片很好的以網頁顯示出來就是王道。 但是，經過后來慢慢入門后，才發現其實布局感覺不是很難了，倒是行內元素這個家伙深藏不露。 行內元素屬於那種很仁慈的主，你了解他你能做得更好，你不了解他，你的頁面也不會過於亂，所以我 ...

高度坍塌：浮動元素布局導致的問題 高度坍塌的根源：浮動盒子脫離了常規流，因此常規流盒子進行高度計算時，不會考慮浮動盒子的高度。 index.html 效果展示： .container的div元素沒有將10個.sub的div元素包裹 ...

一、浮動產生原因 一般浮動是什么情況呢？一般是一個盒子里使用了CSS float浮動屬性，導致父級對象盒子不能被撐開，這樣CSS float浮動就產生了。 本來兩個黑色對象盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動 ...

1，塊級元素和行內元素的區別 是否獨占一行 是否填滿父元素 設置寬高是否有效 設置padding-top padding-bottom是否有效 設置margin-top margin-bottom是否有效 設置 ...

CSS時候什么也不知道，於是我們從書上、博客上獲取了很多知識，那么我們是不是也應該形成自己的世界觀呢？我們 ...

溢出 css溢出示意如圖，子元素（背景為粉色）的長度或寬度超出父元素（背景為綠色）。 通過為父元素賦 overflow：hidden 樣式可將子元素超出父元素的部分隱藏起來。 也可為父元素賦 overflow：auto 或 overflow：scroll 樣式來裁剪子元素，使其 ...

在文檔流中，父元素的高度默認是被子元素撐開的，也就是子元素多高，父元素就多高. 但是當為子元素設置浮動以后，子元素會完全脫離文檔流，此時將會導致子元素無法撐起父元素的高度，導致父元素的高度塌陷.由於父元素的高度塌陷了，則父元素下的所有元素都會向上移動，這樣將會導致頁面布局混亂. 解決辦法 ...