标题严格遵守了新广告法，你再不爽，我也没犯法呀！话不多说，直入正题。 所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位三种定位机制，CSS3中的transform、弹性盒子 ...

有很多时候，我们都会用到浮动，而我们有时候对浮动只是一知半解，却不是太清楚它到底是怎么回事，不知道各位有没有和我一样的感觉，只知道用它，却不知道它到底是怎么回事，所以，在学习的过程中，就要把一个概念不是很清晰的问题把它弄清楚了，便于我们以后的使用。早些时候，W3C规定出来的浮动实际并不是 ...

本文主要是讲解如何在 html 中使用 clearfix 和 clear，针对那些刚开始了解 css 的童鞋。关于 clearfix 和 clear 的样式在这里我就不写了，具体样式点击此处。 下面就谈谈对于这两个 class 的用法，首先我们先看个例子： 我们都知道使用浮动 ...

浮动布局和定位布局为css中布局的常用的两种布局方式，而且兼容性会比较好。随着flex的流行，以后会是主流，新的东西好用，兼容不太好。IE10以下不兼容flex布局。 float布局会脱离文档流，对页面的布局造成影响，比如造成父级的高度坍塌等问题。清除浮动后，便不会影响文档流。下面介绍一下现在 ...

　　最近在编码过程中，遇到过这样一个问题，代码如下，我们有一个父级，他有一定的宽度，在他的里面有两个子级，其中一个是绝对定位的，且要求他们的宽度都和父级保持一致，然后问题就出现了，我们会发现，有了定位 ...

方法一：添加新的元素 、应用 clear：both 方法二：父级div定义 overflow: auto 方法三： 伪类 :after 方法 outer ...

浮动元素水平居中: 1.如果浮动元素定宽，可以设置margin:0 auto居中 2.如果浮动元素不定宽，在外层包裹一个div .wrap {position:relative;//为了让元素可以偏移float:left;//让元素具有宽度，利用BFC元素特性 left:50 ...

1、页面初始化（滚动前）时，video所在位置 　　 2、页面滚动后，video视频组件所在位置 　　 看了别人家的小程序并不会出现这种状况。最后检查发现，是页面包裹层设置了 he ...

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

圣杯布局和双飞翼布局基本上是一致的，都是两边固定宽度，中间自适应的三栏布局，其中，中间栏放到文档流前面，保证先行渲染。解决方案大体相同，都是三栏全部float:left浮动，区别在于解决中间栏div的内容不被遮挡上，圣杯布局是中间栏在添加相对定位，并配合left和right属性，效果上表 ...