当前位置: 首页 > news >正文

1.浮动float

提示:如果多一个盒子(都设置浮动,则它们会按照属性值一行内显示并且顶端对齐排列

 

注意:

        浮动的元素是互相贴靠在一起的,(没有缝隙),如果父级宽度装下这些浮动盒子,多出盒子会另起一行对齐。 


2、浮动特性

1、浮动元素会具有行内块元素特性,任何元素都可以用浮动。不管原先是什么模式,添加浮动之后具有行内块元素相似的特性。

  • 如果块级盒子没有设置宽度,(默认改父类宽度一样,但是添加了浮动后,它的宽有内容来决定)。
  • 浮动的盒子中间是没有缝隙,是紧跟着的、挨着一起的的。
  • 行内元素同样道理。

注意:

  行内模块和浮动的区别

  1. 在于行内块不是紧挨着一起的,中间有缝隙
  2. 而浮动,如果设置一个浮动其他元素也紧挨着一起的,他们两个就这里的区别,

总结

提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了浮动float是紧挨着一起的,浮动与行内块区别。

相关文章:

  • hud 1846巴什博弈(简单的解法 或 Sprague-Grundy解法)
  • Pytorch深度学习【十四】
  • CodeForces 438D The Child and Sequence(线段树区间取模)
  • Linux——系统管理篇
  • 【Java】面向对象笔记(中)(二)
  • 注册中心和负载均衡(黑马SpringCloud笔记)
  • DSPE-PEG-Silane,磷脂-聚乙二醇-硅烷,简介。可用于修饰玻璃、二氧化硅颗粒和许多其他材料表面
  • Acwing---1229.日期问题
  • 01.数据的存储.练习题
  • 1.6 阿达马积
  • verilog学习笔记- 14)静态数码管显示实验
  • Web测试的各个测试点
  • 好家伙,这几个隐藏功能,太香了
  • Android View类
  • 算法训练营 day20 二叉树 最大二叉树 合并二叉树 二叉搜索树中的搜索 验证二叉树
  • 系分 - 案例分析 - 架构设计(Web架构)
  • Allegro如何更改钻孔孔符以及大小操作指导
  • Java基础篇01-运算符的使用
  • 2022年度总结 - 明月醉窗台
  • 个人总结:Mysql知识图谱