ITPub博客

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

CSS浮动元素特点有什么

原创 Html/css 作者:千锋武汉 时间:2021-08-18 12:46:07 0 删除 编辑

   什么是浮动?

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

   CSS浮动有什么作用?

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

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

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

css

   CSS浮动的语法:

  选择器 { float: 属性值; }

  float: left; 左浮动

  float: right; 有浮动

   浮动元素的特点:

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

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

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

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

  CSS浮动元素特点有什么?以上就是为大家介绍的详细内容,希望上面的介绍能够给大家带来帮助,想要获取更多 web前端资料,欢迎关注小千,后期分享更多前端知识。

  本文来自千锋教育,转载请注明出处。


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

请登录后发表评论 登录
全部评论

注册时间:2019-12-13

  • 博文量
    841
  • 访问量
    417699