首頁 > web前端 > html教學 > 关于div+css 样式表中float与clear的用法_html/css_WEB-ITnose

关于div+css 样式表中float与clear的用法_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:30:13
原創
1493 人瀏覽過

在大多数人真正为div+css中的float(浮动)和clear(清除)正茫然的时候,我给大家讲解一下他们的用法。希望对大家有所帮助;

 

1float:所谓浮动就是向什么位置对齐,它有三个参数,left right none,当选者float:right的时候意思就是当前div向右浮动。如果下面有一个div的话就会按正常流的默认方式上移动到当前div的左侧。意思就是如果上面使用了float之后就相当于它把位置给让出来了,下面的div就上来和它处于同一行。

其他方式也是一样的。

大家可能对clear是最头疼的;

clear:的含义给大家说一下 在一些教科书上说的太含糊。clear的意思就是清楚上面的div的float对自己的影响。比如上面的div设置了float:left

那么当前div在没有设置clear的时候就会自己上移到上面div的右侧并占据剩余的所有行。

如果在下面的这个div中使用了clear:left 或者both 他的意思就是清除上面div的float:left对当前div的影响。那么当前div就不会自己的浮动到上面div 的右侧

 

意思就是上面的div的浮动方向对自己没有影响,相当于上面div还是占据一正行,所有下面的div还是占据一整合不会自己上移。但是上免得div会按他自己的浮动

来调整自己的宽度。但还是占据一整行

其他方式也一样。

希望对大家有所帮助 有什么问题的可以发邮件给我 358905814@qq.com

欢迎大家给我指出错误,共同进步

 

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板