好久沒寫博客了，最近撿起前端代碼開始碼，一些基本的東西都忘記了，覺得自己停滯不前的原因就是沒做好鞏固——廢話 　　我們常常在做盒子嵌套的時候，最外層盒子不想給他設置高度，因為我們填充的內容不確定有多大，一般就選擇auto自適應。 　　然，子級盒子又是一個嵌套或者樣式復雜點，超出父級盒子 ...

一、普通情況下，即沒有任何浮動樣式等的情況下 設置父元素的高度為aotu 或100% 或者不設置，那么父元素會根據子元素的高度而自動調整自身高度。 栗子 CSS樣式 顯示如下圖： 二、當子元素設置浮動后，父元素的高度就不會自動適應浮動的子元素 ...

1、在最后一個子元素后面清除浮動 2、父元素加over-flow:hidden;(副作用：子元素定位不能超出父元素的范圍) 3、父元素也一樣浮動(最笨的方法)； 4、子元素使用inline-block;代替浮動； ...

清除浮動的四種方式。 浮動對頁面的影響： 　　　　如果一個父盒子中有一個子盒子，並且父盒子沒有設置高，子盒子在父盒子中進行了浮動，那么將來父盒子的高度為0.由於父盒子的高度為0， 　　　　下面的元素會自動補位，所以這個時候要進行浮動的清除。 關於清除浮動的方式 ...

方法一： height:auto!important; height:200px; min-height:200px; ie6並不支持min-height。ie7,opera,火狐沒有問題。 方法二： 在浮動的容器后面，父容器結束之前加入一個空的div，並清除浮動 ...

需求是點擊上傳的時候進行子級div高度不定，相對來說父級div高度也不能固定，把元素都設置成普通標准流，然后樣式可以使用margin內邊距或者padding外邊距來進行調節 放上代碼供參考： ...

前言 　　前端開發工程師最基礎的技能要求是根據 ui 設計稿還原網頁，這就缺少不了必要的網頁布局，首先看下最近小伙伴問我的一個問題，他說一個網頁有左右兩個部分，左右兩個部分的寬高度都不固定，要使得右部分的寬度充滿剩余的部分，並且高度隨着左邊的高度發生自適應，而左側的高度隨着內容的高度發生變化 ...

切圖時經常遇見一種問題： 　　父級的div高度為0，導致后面緊跟着的元素串位。（特別是在使用bootstrap布局的時候）以前都是通過該margin調整 　　百度看見http://blog.csdn.net/a5534789/article/details/51233522的博客時徹底解決 ...