float引起層飄出父層的解決方法
更新時(shí)間：2008年04月20日 22:30:50 作者：
css div布局總會(huì)遇到很多瀏覽器兼容的問(wèn)題。
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è)也有問(wèn)題，會(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è)也有問(wèn)題，會(huì)影響div的外觀。
相關(guān)文章
不錯(cuò)的使iframe透明的方法不用每次都要改iframe里的背景顏色了2008-08-08
一些很不錯(cuò)的css技巧,但也常為人們所忽略...2007-05-05
Firefox2中輸入框丟失光標(biāo)bug的解決方法
在Firefox2中某些情況下輸入框雖然可以輸入，但在獲取焦點(diǎn)時(shí)沒(méi)有文本輸入光標(biāo)的顯示，這個(gè)是非常惡心的bug，非常容易讓表單使用者有一種不能輸入的錯(cuò)覺(jué)，即使后來(lái)嘗試知道可以輸入，但也無(wú)法判斷光標(biāo)定位在哪兒。2008-05-05
95%的中國(guó)網(wǎng)站需要重寫CSS...2007-01-01
解決ie動(dòng)態(tài)修改link樣式，import css不刷新的問(wèn)題
當(dāng)我們需要?jiǎng)討B(tài)更新link的樣式的時(shí)候，通常是直接修改link的 href 屬性。但是如果樣式里有import的樣式表，IE就不會(huì)在發(fā)起請(qǐng)求去刷新了(其他瀏覽器都是正常的)2008-05-05
DIV 居中的絕好解決方法...2006-11-11
前端html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼
?生日送什么禮物總是要花一番心思，別出心裁不落俗套，什么禮物才能讓那一個(gè)她開心呢？來(lái)看看前端大大用html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼吧，親測(cè)可用。2023-01-01![仿客齊集首頁(yè)導(dǎo)航條DIV+CSS+JS [代碼實(shí)例]](http://img.jbzj.com/images/xgimg/bcimg7.png)
仿客齊集首頁(yè)導(dǎo)航條DIV+CSS+JS [代碼實(shí)例]
仿客齊集首頁(yè)導(dǎo)航條DIV+CSS+JS [代碼實(shí)例]...2007-04-04
本文主要介紹html5手機(jī)觸屏touch事件，簡(jiǎn)單舉例，需要的朋友可以參考下。2016-06-06
當(dāng)完成一項(xiàng)前端的工作之后，許多人都會(huì)忘記該項(xiàng)目的結(jié)構(gòu)與細(xì)節(jié)。然而代碼并不是馬上就能完全定型，在余下的時(shí)間里還有不斷的維護(hù)工作，而這些工作也許不會(huì)是你自己完成。所以，結(jié)構(gòu)優(yōu)良的代碼能很大程度上優(yōu)化它的可維護(hù)性。下面列出五種提高CSS文件可維護(hù)性的方法，也就是一種較好的CSS樣式指南。2008-05-05