> 웹 프론트엔드 > HTML 튜토리얼 > CSS中的浮动有啥重要的作用_html/css_WEB-ITnose

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

WBOY
풀어 주다: 2016-06-24 12:19:46
원래의
1226명이 탐색했습니다.

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

是你说的那种效果么?

路过看高手

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿