在了解CSS中的浮动和定位之前有必要先了解清楚标准流和脱离标准流的特性 标准流的默认特性 1、分行、块级元素，并且能够dispay转换。 2、块级元素（block）：默认独占一行，不能并列显示，能够设置宽、高，宽度为父盒子的100%。例如：div、p、标题元素（h1-h6）、列表元素 ...

浮动 float属性可以设置的值为none,left,right.对于设置了浮动的元素，会向其父元素的左侧或右侧紧靠，默认情况下，盒子的宽度不再伸展，而是根据盒子里面的内容来确定。浮动可以让一个元素移到它所在行的某一边，使得其他内容沿着该元素的边缘向下流。 浮动的盒子会脱离文档流 ...

1.css float CSS float 属性定义元素在哪个方向浮动，浮动元素会生成一个块级框，直到该块级框的外边缘碰到包含框或者其他的浮动框为止。 1）元素怎样浮动 元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。 一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含 ...

　　怎么说呢，从接触前端起，到现在已经有三个月了，这么长时间的学习呢，我的水平依然一般，前几天参加了IFE2017，下面总结一下对CSS中浮动、定位、分列布局、父容器塌陷问题的一些心得。 　　首先，浮动和定位是CSS中布局的基础，通过浮动和定位，可以实现对每一个盒模型精确到像素级别的控制 ...

先来说一下CSS中的浮动 一、浮动 1、标准流中的块级盒子，宽度将自动伸展为100%，而浮动的块级盒子，宽度不会自动伸展，而是由内容撑开 2、当一个盒子浮动，标准流中未浮动的其他盒子，将视浮动盒子不存在而占据浮动盒子原来的位置。（浮动盒子，会盖在这个盒子的上方） 但是，未浮动盒子中 ...

二、定位（position） 　　初始状态 　　1、相对浮动特点（relative）： ...

　　今天下班在地铁上看了一个样式教学视频，因为最近在学习前端。以前刚毕业的时候，感觉后台才是王道，但最近发现，前端也很重要，比如：自己接一些私单做的时候，自己要根据需求做好界面，才能更加符合客户需求， ...

1. 盒子的浮动 　　在标准流中，一个块级元素在水平方向会自动伸展，知道包含它的元素的边接；而在竖直方向与相邻元素依次排列，不能并排。 　　CSS中float属性，默认为none。将float属性的值设置为left或right，元素就会向其父元素的左侧或右侧靠紧。同时默认情况下，盒子的宽度 ...