原文：http://css-tricks.com/all-about-floats/ 这篇文章说的简单易懂 float是CSS中关于定位的属性。 float有4个值：none, left, right, inherit (继承父元素的float属性值） float ...

原文 http://learn.shayhowe.com/advanced-html-css/detailed-css-positioning 当构建页面排版时，有不同的方法可以使用。使用哪一种方法取决于具体页面的排版要求，在不同的情况下，某些方法可能好过于其他的方法。 比如，可以使 ...

BFC的通俗理解： 　　Block Formatting Context（块级格式化上下文）是W3C CSS 2.1 规范中的一个概念，它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。 　　简单来讲，我们可以把它理解为，我们在进行盒模型布局的时候，如果一个元素符合了成为BFC ...

一、 float基础用法示例 1、我们先建两个div盒子，设置高度、宽度和背景颜色； 最开始两个盒子在网页上的位置如下： 然后我们将红色盒子浮动到右边 然后我们会发现红色盒子浮动到了右边，但是蓝色盒子就直接上移到了原先红色 ...

在最近的学习中，在GitHub上找了一些布局练习，我发现了我自己对布局超级不熟悉（很难受）。 在以前的学习CSS过程中，感觉使用CSS就记住各个属性的属性值以及作用就OK了，但是实际上呢？呵呵一笑。不说了，太伤心了，进入正题吧！ 最近我使用float和margin布局，加深了我对这两个一起使用 ...

我们来看看CSS重要属性--float。 以下内容分为如下小节： 1：float属性 2：float属性的特性 　　2.1：float之文字环绕效果 　　2.2：float之父元素高度塌陷 3：清除浮动的方法 　　3.1：html法 　　3.2：css伪元素法 ...

我们把网页的常用的布局格式分为以下三种： 1.标准流。 所谓的标准流就是，行内元素自己单独一行，而块级元素是上下显示的。 以前我们学习的都是标准流。 注意：标准流使我们网页布局中最稳定 ...

一、含义 　　/deep/ 深度选择器 二、用法 　　在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加<style scoped>，这样父组件中如果有跟子组件相同的class名称或者使用选择器的时候，就不会影响到子组件的样式。 　　我们在加了 ...