高度的自適應（父div高度隨子div的高度改變而改變）
1、如果父div不定義height、子div均為標準流的時候，父div的height隨內容的變化而變化,實現父div高度隨子div的高度改變而改變。
<style
type
="text/css"
>
#aa#bb
#ccstyle
>
<
div
id="aa"
>
父div
<
div
id="bb"
>子div
div>
<
div
id="cc"
>子div
div>
div>
2、如果子div使用了float屬性，此時已經脫離標準流，父div不會隨內容的高度變化而變化，解決的辦法是對父元素加
還可以清除浮動也能解決問題，如下
2、如果子div使用了float屬性，此時已經脫離標準流，父div不會隨內容的高度變化而變化，解決的辦法是在浮動的div下面，加乙個空div，設定clear屬性both
<style
type
="text/css"
>
#aa#bb
#ccstyle
>
<
div
id="aa"
>
父div
<
div
id="bb"
>子div
div>
<
div
id="cc"
>子div
div>
<
div
style
="clear:both"
>
div>
div>
可以使用偽列css實現
/*寫css 時總為浮動而煩惱，如果用了浮動，浮動的父層不會跟著浮動框的高度增加而增加，在firefox等符合w3c標準的瀏覽器中，如果有乙個div作為外部容器，內部的div如果設定了float樣式，則外部的容器div因為內部沒有clear，導致不能被撐開。這個時候我們可以寫個class 比如clearfix清除浮動
*/.clearfix:after .clearfix
<div
class
="clearfix"
>
<
div
class
="floated"
>
div>
div>
.clearfix:after .clearfix /*這是針對於ie6的，因為ie6不支援:after偽類，這個神奇的zoom:1讓ie6的元素可以清除浮動來包裹內部元素。
*/
/*上面的**就是.clearfix的定義和應用，簡單的說下.clearfix的原理：
1、在ie6, 7下zoom: 1會觸發haslayout，從而使元素閉合內部的浮動。
2、在標準瀏覽器下，.clearfix:after這個偽類會在應用到.clearfix的元素後面插入乙個clear: both的塊級元素，從而達到清除浮動的作用。
3、在需要清除浮動的時候，只要寫乙個.clearfix就行了，然後在需要清浮動的元素中 新增clearfix類名就好了。
*/
示例
<html
>
<
head
>
<
title
> css用clearfix清除浮動例項
title
>
<
meta
name
="generator"
content
="editplus"
/>
<
meta
name
="author"
content
=""/>
<
meta
name
="keywords"
content
=""/>
<
meta
name
="description"
content
=""/>
head
>
<
body
>
<
style
type
="text/css"
>
/*所有主流瀏覽器都支援 :after 偽元素。
*/.clearfix:after
.clearfix
/*不知道有什麼用處，不加ie7也沒有問題
*/.box
.l.r
.sstyle
>
<
div
class
="box clearfix"
>
<
div
class
="l"
>left
div>
<
div
class
="r"
>right
div>
<
div
class
="s"
>absolute
div>
div>
body
>
html
>
CSS實現div高度自適應
1 有時候，我們希望容器有乙個固定高度，但當其中的內容多的時候，又希望高度能夠自適應，也即容器在縱向能被撐開，且如果有背景，也能夠自適應。在一般情況下，使用min height即可解決。但是廣大網民的首選瀏覽器ie6並不支援min height。ie7，opera，火狐，谷歌沒有問題。所以採用以下寫...
div自適應高度
如何控制div最小高度又div自適高度 我們在用div布局的時候經常會遇到這樣的一種情況 我們需要設定乙個div高度，當裡面的東西超過這個高度時，讓這個容器自動被撐開，也就是div自適應高度。當裡面的資訊很少時候，我們就設定它乙個最小的固定高度。我們知道，在ie6中，如果子容器的高度超過父容器的時候...
div高度自適應
盒模型的height的預設值為auto,它表示盒模型的高度由它所包裹的內容高度來決定,因此div不設定height的值就可以實現高度的自適應。然而在實際css布局實踐中，常常出現一些特殊的需求。div的高度初始為某一固定高度，然後隨著內容的增多高度自適應。css屬性中min height是專門來解決...