Maison > interface Web > tutoriel HTML > le corps du texte

CSS中的浮动有啥重要的作用_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:19:46
original
1222 Les gens l'ont consulté

CSS中的浮动存在的意义和目的是啥
谢谢各位高手


回复讨论(解决方案)

参考下
http://www.w3school.com.cn/css/pr_class_float.asp

要想搞清浮动这个问题,得先搞清html元素的两种状态,
块元素,或内联元素。
1. 块元素有物理属性,会占据一行,能设置宽高等特性,多个块元素会分行显示。
块元素代表人物:div,p等
2. 而内联元素没有物理属性,不会占据一行,多个内联元素会并排显示,
内联元素的代表人物:span,em,b,i等。
3. 有时候的需求就是,想让某个元素并排显示,并且具有可设置的物理属性,这时候就需要float出场。因为html是表结构,他不负责表现层面的东西,这时候需要一个css属性来解决这样的一个问题,float应用而生。
简单的解释就是: 他是让块元素对外呈现内联元素的特性,对内呈现块元素的特性。
这句话是不是跟display:inline-block的意思,一样呢,其实就是这样。但display:inline-block的兼容性不怎么好,在ie6下面会有间距产生,所以float用的比较多一点。
4. float并不是没有坏处,float之后,会对以后的兄弟元素产生影响,所以要必须css清除一下,才使兄弟元素正常显示。
扩展阅读:
From:  http://www.planabc.net/2007/03/11/display_inline-block/

非常感谢楼上的精彩回答!
感谢!

非常感谢楼上的精彩回答!
感谢!
不客气,差不多就结贴吧。

便于管理容器和类

比如很多网站的,在线客服都是这样做的,漂浮在网站的固定位置,方便用户使用啊!

你可以看看: http://www.bacysoft.cn/thread-76-1-1.html

是你说的那种效果么?

路过看高手

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal