ITPub博客

首页 > 应用开发 > Html/css > CSS浮动元素特点有什么

CSS浮动元素特点有什么

原创 Html/css 作者:千锋教育qyf 时间:2021-08-17 18:07:06 0 删除 编辑

css

  什么是浮动?

  元素的浮动是指设置了浮动属性(flot)的元素。

  CSS浮动有什么作用?

  1.让多个盒子水平排列成一行,浮动成为布局的重要手段;

  2.可以实现盒子的左右对齐等等;

  3.浮动最早是用来控制图片,实现文字环绕图片的效果。

  CSS浮动的语法:

  选择器 { float: 属性值; }

  float: left; 左浮动

  float: right; 有浮动

  浮动元素的特点:

  1.漂浮在标准流的上面。 脱离标准流。俗称 “脱标” 。

  2.浮动的盒子不占位置,原位置会被下面标准流盒子占用,如果不想被标准流盒子占用需要清楚浮动。

  3.任何元素都可以浮动。float属性会改变元素display属性。浮动元素会生成一个块级框,而不论它本身是何种元素。 生成的块级框和行内块极其相似。

  4.子盒子的浮动参照父盒子对齐,不会与父盒子的边框重叠,也不会超过父盒子的内边距。

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69996644/viewspace-2787454/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论
千锋教育隶属于北京千锋互联科技有限公司,以“初心至善,匠心育人”为核心价值观,致力于打造职业教育全产业链人才服务平台,公司总部位于北京,拥有全国一体化就业保障服务,成为学员信赖的职业教育品牌。 每年有数百万名学员受益于千锋组织的技术研讨会、技术培训课、网络公开课及免费教学视频。

注册时间:2021-03-17

  • 博文量
    527
  • 访问量
    204744