一、浮动（float）
1、float属性
● float默认值为none
● 左浮动（元素靠上靠左）
float:left
● 右浮动（元素靠上靠右）
float:right
2024年11月24日
1、float属性
● float默认值为none
● 左浮动（元素靠上靠左）
float:left
● 右浮动（元素靠上靠右）
float:right
2024年11月24日
新能源汽车零部件去除，压铸铝毛刺，厚度在2mm左右，且边缘还有其他小毛刺，加装在机器人上可用什么加工方案去除？可用重量轻、大扭矩0.6N.m的RBZ40浮动主轴去除。
压铸铝毛刺，厚度在2mm，一般小扭矩主轴去除会有震动，效率不高，选择扭矩大的RBZ40浮动主轴，可提高去除效率，其转速高达20000转/min，扭矩0.6N.M，可实现360°径向浮动和5mm轴向浮动，加装在机械臂末端柔性去毛刺。
2024年11月24日
在某些阈值时，某些列可能会出现比别的列高的情况。为了克服这一问题，建议联合使用 .clearfix 和 响应式工具类。
例子：下边的布局中，第一个的文字比较多，会出现列比其他列高的情况，由于底层是浮动写的，这时候在移动端的时候会出现下边三个元素浮动上去，这时候就要清除浮动，并且该div只在移动端显示，就能解决这个问题了
<div class="row">
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3 Resize your viewport or check it out on your phone for an example.
2024年11月24日
1. Float basics 浮动基础
在了解浮动之前，要先了解文档流。文档流是正式输出的流。元素在前面的元素先输出。元素写在后面的后输出。块级元素占满一行。内联元素按内容的大小占空间。且不占一行。文档流有别于浮动流。根据w3school规定，由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。如下：
这个黄色的框在左浮动后，他下面的文字p元素就上来了。（为什么上来，因为p元素忽视浮动框的存在。P是文档流。黄色框是浮动流。）这样，他和黄色框是在同一行。文字照顾到框的存在所以向后缩进。其实<p>是也占一行的。但是它忽视黄色框的存在。按正常的文档流输出。Float以前主要是用于文字环绕图片的效果。
2024年11月24日
目标
在word文档里，文本围绕图片，一般把这种方式称为“文本环绕”。这种排版的形式在网页里也是很常见，图片和文字并列排版，不过在网页里，所有元素都可以进行类似这种并列排版。专业术语叫浮动。在以前浮动基本是网页布局排版的唯一选择，但现在出现更好、更方便的属性来代替浮动。
2024年11月24日
@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。
calc() 函数用于动态计算长度值。 calc()函数支持 "+", "-", "*", "/" 运算；
2024年11月24日
什么是浮动塌陷？
当子元素设置浮动时，父元素中所有孩子盒子都是float，则父容器的高度为0。
1.在父亲盒子中的最下边添加一个空div盒子，并设置clear为相应的值，如果不清除塌陷，那么父元素高度为0，给ul设置高度就没有效果。
clear常见取值如下：
left：清除左侧浮动引起的塌陷；