float引起層飄出父層的解決方法
更新時(shí)間：2008年04月20日 22:30:50 作者：
css div布局總會(huì)遇到很多瀏覽器兼容的問題。
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;}
使用方法：
在所有浮動(dòng)層之后加上這個(gè)層
<div class=”clearfix”></div>
2.把背景層加浮動(dòng)，但是這個(gè)方法會(huì)影響其他的div，有時(shí)候好用。
3.加 overflow 這個(gè)也有問題，會(huì)影響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;}
使用方法：
在所有浮動(dòng)層之后加上這個(gè)層
<div class=”clearfix”></div>
2.把背景層加浮動(dòng)，但是這個(gè)方法會(huì)影響其他的div，有時(shí)候好用。
3.加 overflow 這個(gè)也有問題，會(huì)影響div的外觀。
相關(guān)文章
firefox的超鏈接點(diǎn)擊去除擴(kuò)大的難看虛線的解決方法
在Firefox里，鼠標(biāo)點(diǎn)擊一個(gè)鏈接時(shí)，它的周圍即出現(xiàn)虛線畫出的邊框。這種例子遍地都是，在WordPress后臺(tái)寫這個(gè)文章的時(shí)候，隨手點(diǎn)一下右邊那些widget，就看到了這個(gè)問題（圖片的右上角）2008-12-12
網(wǎng)頁設(shè)計(jì)者需要了解的_網(wǎng)頁字體大小數(shù)據(jù)參考
對(duì)于頁面來說，字體的大小設(shè)置是比較重要的，網(wǎng)上搜集了一些關(guān)于網(wǎng)頁中字體大小的數(shù)據(jù)對(duì)比，在這共享出來給大家一起看看，希望對(duì)大家在頁面制作過程中有所幫助！2008-10-10
常用CSS集合...2007-02-02
其實(shí)和跟border的屬性一樣的東西，做網(wǎng)頁的朋友熟練利用下面的樣式，就可以做出漂亮的邊框效果2008-09-09
IE6因?yàn)榫幋a問題無法正確解析CSS文件2008-12-12
層自動(dòng)適應(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ù)利用，但是隨時(shí)項(xiàng)目越來越大，需求的不斷變化，css代碼就會(huì)變得越來越臃腫，后期難以控制和維護(hù)。其實(shí)，css代碼和普通程序代碼在編寫的時(shí)候有很多的相似之處，下面我們就用試試用組合的方式是不是能更好的解決這個(gè)問題。2008-11-11