浮动

体会浮动

什么是浮动?
元素脱离了普通的标准流 的控制,移动到其父元素中指定位置的过程.在CSS中,通过float属性来定义浮动,其基本格式

float:left | right |none;
left:靠左(如果有下一个一样会紧跟上一个,挨在一起)一般为默认属性
right:靠右;
none:不浮动按照正常的排列

---

普通流:浮动和定位是CSS的定位机制
普通流:是指按照顺序排列;
浮动;实现块级元素的一行排列;

–
浮动的特点:

• 浮动只能左右浮动,不会上下;
• 浮动脱离了标准流,不占位置,会影响标准流’
• 浮动的元素总是找他离他最近的父级元素对齐,但是不会超出内边距的范围.
• 浮动可以使元素显示模式体现为行内块特性.
• 一个父盒子里面的子盒子,如果其中一个子级有浮动则可以让其他子级都需要浮动这样才能一行对其显示.
• 浮动可以让元素转化为行内块元素
  - float的妙用:'
  如果已经给了行内块元素添加了浮动此时不需要转换这个元素并且也可以有宽高.