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

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

，形成环绕的效果。 脱离文档流 当框 1 向左浮动时，它脱离文档流并且向左移动，直到它的左边 ...

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

注:本文章是参考千锋网学习视频总结得出。 最近在学习一个前端项目，项目中多处用到了浮动和定位。为此，通过看查找资料和看学习视频，从浮动、清除浮动、相对定位、绝对定位、总结等五个部分来谈谈我对浮动和定位的理解。 一、浮动 浮动的使用场景：一般是将竖起来的多个盒子进行横向的排列。 浮动的负面 ...

在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。 绝对定位 绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素 ...

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

　　浮动与定位在网页设计中应用得很广泛，是两种主要布局方式的实现方法。 　　我们知道，网页上一般来说，块标签是自上而下的一块块堆叠，行内标签则在一行内从左到右依次并排，如果所有网页的都这样机械的排列着，也太单调了，所以有没有一个东西让标签内容脱离这种文档流呢，首先就可以考虑float ...