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