效果图： 这是利用负外边距的方法 主内容需要2层div1、外层宽度100%，左浮动2、内层给一个最小高度，为了空出左边的200px需要给一个margin-left:200px 左边栏宽度200px，高500px1、左浮动2、为了让主内容浮动在左边栏的右边，需要给一个margin-right:-100 ...
分类：
其他好文 时间：
2016-12-04 14:07:16
阅读次数：
274
一、负边距与浮动布局 1.1、负边距 所谓负边距就是margin取负值的情况，如margin：-40px；margin-left：-100%。当一个元素与另一个元素margin取负值时将拉近距离。常见用法如下： 1.1.1、向上移动 当多个元素同时从标准流中脱离开来时，如果前一个元素的宽度为100% ...
分类：
Web程序 时间：
2016-12-04 13:41:05
阅读次数：
223
<style> *{ margin: 0; padding: 0; } body{ background: url(images/bg.jpg); } #div1{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-i ...
分类：
其他好文 时间：
2016-12-04 07:32:19
阅读次数：
523
盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 w3c 盒子模型的范围包括 margin、border、padding、conten ...
分类：
Web程序 时间：
2016-12-04 00:31:07
阅读次数：
206
盒子模型包括:margin border padding content 在标准盒子模型中 conten不包括border和padding 就是他自身内容所包含的区域。 在IE盒子模型中 content包括border和padding 是内容和border padding之和。 关于盒子边框重叠颜色 ...
分类：
其他好文 时间：
2016-12-04 00:30:10
阅读次数：
224
明白何谓Margin Collapse 不同于其他很多属性，盒模型中垂直方向上的Margin会在相遇时发生崩塌，也就是说当某个元素的底部Margin与另一个元素的顶部Margin相邻时，只有二者中的较大值会被保留下来，可以从下面这个简单的例子来学习: 在上述例子中我们会发现，红色和蓝色方块的外边距并 ...
分类：
Web程序 时间：
2016-12-03 23:53:50
阅读次数：
329
web前端开发之布局：先看效果图，最简单的左右布局。有可能还会被面试问道哈哈哈。一看也没什么特别之处，就是左边固定，右边自适应，就这么简单。 原理：通过设置一个margin-left;或者margin-right就可以搞定。方法有很多，这次就只介绍这种设置margin的。 代码： <!doctype ...
分类：
Web程序 时间：
2016-12-03 23:44:02
阅读次数：
218
立即执行函数表达式（Immediately-invoked function expression） IIFE 我们知道，在javascript（ES5）中，是没有块级作用域的概念的。看一个例子 因为没有块级作用域的概念，因此，在 for 循环中声明的 i 变量实际上是一个全局变量，因此可以在全局环 ...
分类：
其他好文 时间：
2016-12-03 21:24:16
阅读次数：
178
最近在做一个东西，如地图，点击地图上的某一区域，这一区域需要填充成其他颜色。区域是不规则的，而且点击该区域的任一点，都能够变色。普通的按钮只是简单的加载一幅图肯定是不行的。查了很多资料，终于把它搞定了。实现方法不是原创，也是参照了网上的实现。 具体的思想：就是根据图片文件来画这个按钮，画出的按钮，形 ...
