hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

css中float什么意思【html5教程】

2019-11-26HTML搜搜PHP网68°c
A+ A-
CSS中的float示意的是浮动,当元素设置了float属性就会离开规范流,浮动在其他元素上,它会依据属性值向左或许向右浮动

CSS中的float属性是一个频仍用到的属性,关于初学者来讲,假如没有明白好浮动的意义和表现出来的特征,在运用的运用很轻易堕入疑心,云里雾里,搞不清楚状况。接下来将在文章中为人人细致引见这一属性,愿望对人人有所协助。

float属性

float,望文生义就是浮动,设置了float属性的元素会依据属性值向左或向右浮动,我们称设置了float属性的元素为浮动元素。
元素运用了float属性后,可以使该元素离开规范流自身,浮动在其他元素之上,使其不再占用底本属于该元素的空间,如许会致使背面的元素上移并占用底本属于该元素的空间。

例:

<div class="box">        
<span class="float-ele">           
 浮动元素        
 </span>        
 平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常文档流平常
 文档流平常文档流平常文档流平常文档流平常文档流平常文档流
 </div>

float属性的明白

1. float属性仅对运用该属性的元素自身以及背面的元素产生影响(背面元素会上移-->页脚块上移)。

2. 内联元素运用了float属性后就会变成块级元素,就能够设置元素的高度和宽度(参考A标签)。

3. float属性平常合营背面标签的clear属性配合运用,以便消灭float属性带来的对背面元素的影响。

4、运用float属性的元素,假如未设置元素宽度,则元素宽度自动调解为顺应内容的宽度(参考内容DIV--内容块的大小未定义,则自动调解)。

以上就是css中float什么意思的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
css中float什么意思【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签: