标题严格遵守了新广告法，你再不爽，我也没犯法呀！屁话不多说，直入！ 所谓布局，其实包含两个含义：尺寸与定位。也就是说，所有与尺寸和定位相关的属性，都可以用来布局。 大体上来说，布局中会用到的有：尺寸相关的盒子模型，普通流、浮动、绝对定位这三种定位机制，CSS3中的transform和弹性盒子模块还有... ...
分类：
Web程序 时间：
2016-04-22 16:13:40
阅读次数：
302
如果是要求中间内容决定宽度，给其width:auto即可，不讨论此情况。 以下讨论中间宽度由两侧决定的情形。 HTML结构 方法一：利用绝对定位（不推荐） 如果中间块有最小宽度限制欧或是浩宇宽度的内部元素，当浏览器小到一定程度，会发生重叠的情况 方法二：利用浮动 需要注意的是，在写HTML结构时，中 ...
分类：
其他好文 时间：
2016-04-22 06:53:02
阅读次数：
121
一、图层 图层即层叠上下文，具体概念和应用大家可以看我之前转自张鑫旭大神博客的《CSS层叠上下文和层叠顺序》，这里我们简单复习一下产生层叠上下文的原因。 1.根层叠上下文 指的是页面根元素，也就是滚动条的默认的始作俑者<html>元素。这就是为什么，绝对定位元素在left/top等值定位的时候，如果 ...
分类：
Web程序 时间：
2016-04-22 00:54:21
阅读次数：
344
滚动条在web开发中，很常见，原生的HTML滚动条很难看，因此很多网站借助JS来模拟实现滚动条效果； 滚动条的实现原理其实比较简单，拿垂直滚动条来说： 1），最外层容器需要设置overflow:hidden，里层容器的高度（滚动框）一亘高过最外层容器，就会出现右侧绝对定位的滚动条，并且还要在外层容器 ...
分类：
Web程序 时间：
2016-04-21 15:01:44
阅读次数：
426
padding值的区别：1、四个值：上 右 下 左2、三个值：上 左右 下3、两个值：上下 左右4、一个值：上下左右 响应式布局：一般用em为单位 postion定位 三种定位机制：1、普通流（标准流）2、浮动 3、绝对定位（脱离文档流） static：静态定位（无定位）relative：相对定位 ...
分类：
Web程序 时间：
2016-04-20 23:47:12
阅读次数：
230
今天被顶顶大人叫去客户公司驻场，之前一直忙着重新做公司的官网，有个地方又卡了大半天。大boss的要求是在页面的某处实现一个动画效果，有三张图片从下方依次出现。如何从下方“冒”上来呢？即实现以下效果 1.首先要将三张图片进行绝对定位，将父元素设为相对定位。并将bottom都设置为图片高度的负数，并将父 ...
分类：
其他好文 时间：
2016-04-20 00:22:26
阅读次数：
186
在HTML中，如果嵌入Flash，默认会将flash放在页面的最上面。也就是说，即使用绝对定位,将z-index设的无穷高，页面里的任何元素还是无法将它盖住。这时候，有两种方法可以控制flash的z-index1、在嵌入flash时，设置flash的wmode参数为opaque2、在嵌入flash时 ...
分类：
其他好文 时间：
2016-04-19 16:54:01
阅读次数：
137
position : static – 元素框正常生成。即上述不对元素进行任何样式设置的默认形态。 position : relative (此时设置top, right, bottom, left生效) – 相对于它的原点定位，元素仍保持其未定位前的形状，它原本所占的空间仍保留。 例如： 定位前： ...
分类：
Web程序 时间：
2016-04-19 14:12:48
阅读次数：
245
只有普通流和绝对定位的元素可以设置居中，浮动元素是不存在居中的。 水平居中：{ margin : 0 auto; } 水平、垂直居中：该元素{ margin: auto; top: 0; bottom: 0; left: 0; right: 0; overflow : auto }，其父元素{ po ...
分类：
Web程序 时间：
2016-04-19 13:56:34
阅读次数：
206
这两种方法都是让一个盒子在浏览器窗口居中。 第一种方法：先设置绝对定位，top和left的值都设置为50%。再把盒子的margin-top设置为盒子高度的一半，margin-left设置为盒子宽度的一半即可（注意这里的值都是负的）。 第二种方法：也是通过绝对定位，不过这里把top,right,lef ...
分类：
Web程序 时间：
2016-04-19 06:05:37
阅读次数：
156
