float引起層飄出父層的解決方法
更新時間：2008年04月20日 22:30:50 作者：
css div布局總會遇到很多瀏覽器兼容的問題。
1.加clear空div
.clearfix:after {
content: “.”; display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
.clearfix {
display: block;
margin: 0px;
clear: both;
padding: 0px;
visibility: hidden;
background-color:#666666;
border:0px none #FFFFFF;
}
.clearfix:after { height: 1px;}
使用方法：
在所有浮動層之后加上這個層
<div class=”clearfix”></div>
2.把背景層加浮動，但是這個方法會影響其他的div，有時候好用。
3.加 overflow 這個也有問題，會影響div的外觀。
.clearfix:after {
content: “.”; display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}/* End hide from IE-mac */
.clearfix {
display: block;
margin: 0px;
clear: both;
padding: 0px;
visibility: hidden;
background-color:#666666;
border:0px none #FFFFFF;
}
.clearfix:after { height: 1px;}
使用方法：
在所有浮動層之后加上這個層
<div class=”clearfix”></div>
2.把背景層加浮動，但是這個方法會影響其他的div，有時候好用。
3.加 overflow 這個也有問題，會影響div的外觀。
相關(guān)文章
在Firefox里，鼠標(biāo)點擊一個鏈接時，它的周圍即出現(xiàn)虛線畫出的邊框。這種例子遍地都是，在WordPress后臺寫這個文章的時候，隨手點一下右邊那些widget，就看到了這個問題（圖片的右上角）2008-12-12
網(wǎng)頁設(shè)計者需要了解的_網(wǎng)頁字體大小數(shù)據(jù)參考
對于頁面來說，字體的大小設(shè)置是比較重要的，網(wǎng)上搜集了一些關(guān)于網(wǎng)頁中字體大小的數(shù)據(jù)對比，在這共享出來給大家一起看看，希望對大家在頁面制作過程中有所幫助！2008-10-10
常用CSS集合...2007-02-02
其實和跟border的屬性一樣的東西，做網(wǎng)頁的朋友熟練利用下面的樣式，就可以做出漂亮的邊框效果2008-09-09
IE6因為編碼問題無法正確解析CSS文件2008-12-12
層自動適應(yīng)高度...2006-11-11
中文排版CSS心得...2007-01-01
我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記（一）
我的一些關(guān)于web標(biāo)準(zhǔn)的思考筆記（一）...2006-12-12
css中的行間距的代碼...2007-08-08
繼承是 css中經(jīng)常要用到的技術(shù)，好處是可以盡量讓頁面的代碼減少重復(fù)利用，但是隨時項目越來越大，需求的不斷變化，css代碼就會變得越來越臃腫，后期難以控制和維護(hù)。其實，css代碼和普通程序代碼在編寫的時候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個問題。2008-11-11