clearfix after的用法,清除浮動

2022-02-23 18:21:26 字數 1245 閱讀 9567

今天回顧一下css中的清除浮動

/*

所有主流瀏覽器都支援 :after 偽元素。

*/.clearfix:after.clearfix/*

不知道有什麼用處,不加ie7也沒有問題

*/

測試**:

<

html

>

<

head

>

<

title

> new document

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

>

用clearfix after消除 css浮動

在寫html 的時候,創造在firefox等符合w3c標準的瀏覽器中,如果有乙個div作為外部容器,內部的div如果設定了float樣式,則外部的容器div因為內部沒有clear,導致不能被撐開。看下面的例子 testdiv cssbbs testdiv testdiv testdiv 執行這段 大...

clearfix after 清除css浮動

在寫html 的時候,發現在firefox等符合w3c標準的瀏覽器中,如果有乙個div作為外部容器,內部的div如果設定了float樣式,則外部的容器div因為內部沒有clear,導致不能被撐開。看下面的例子 test div cssbbs test div test div test div 執行...

jquery ui datepicker的用法講解

1 先在頁面引入相關的js,注意引入順序不能錯 jquery 1.4.2.min.js jquery ui.min.js jquery.ui.datepicker.min.js jquery.ui.datepicker zh cn.min.js jquery.ui.datepicker fr.min...