今天的内容相比之前的就有点儿难了？怂了没？
先看看效果图
其实如果用笨办法一条一条画的话，也不难。但是设想一下如果是很多很多条线呢？必须要用科学的数据组织方式才可以实现自动xxx。
下面的我最快弄到了13分钟，不能再快了
var margin = {top:20,right:30,bottom:20,left:20};...
本文转载自:http://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html。 今天再写一个布局的时候用到一个margin-top是负值的情况，本来不是要用负值，但突然发现负值也能达到我要的效果，随后百度了一下，才发现了大牛的好文章，转载至此
分类：
其他好文 时间：
2016-03-05 21:42:52
阅读次数：
212
.area{
fill:steelblue;
}
var margin = {top:40,right:30,bottom:20,left:50};
var height = 500-margin.top-margin.bottom;
var width = 960-margin.left-margin.right;...
父元素的盒子包含一个子元素盒子，给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值，而子元素和父元素的边距则没有发生变化。 HTML，CSS： <div class="box1"> <div class="box2"> <div class="content
分类：
移动开发 时间：
2016-02-15 13:27:42
阅读次数：
1457
.shadow{ width:100%; height: 168px; position: relative; margin-top: -110px; background: transparent url(../images/shadow.png) no-repeat bottom center;
分类：
Web程序 时间：
2016-02-02 21:30:12
阅读次数：
257
.tp-loader { background: url(../assets/loader.gif) no-repeat 10px 10px; background-color: #fff; margin: -22px -22px; top: 50%; left: 50%; z-index: 100
分类：
其他好文 时间：
2016-02-01 20:38:01
阅读次数：
154
1.基本的html模板 2.全局样式移除body的margin声明设置body的背景色为白色为排版设置了基本的字体、字号和行高设置全局链接颜色，且当链接处于悬浮“:hover”状态时才会显示下划线样式3.标题说明：1、重新设置了margin-top...
分类：
其他好文 时间：
2016-01-22 21:39:29
阅读次数：
307
在以前，我对于margin的理解是这样的，此处用margin-top举例：指的是离相邻元素之间的距离。但是实际是：相对于自身原来的位置偏移。举个例子： RedGreen其表现为：但是如果我把Red这个div设置下margin-top:10px此时Red会往下移动10px，如果按...
分类：
Web程序 时间：
2016-01-19 14:23:10
阅读次数：
142
问题描述：原型大概是“一个div嵌套了两个 div,给main设定了background="pink" ,header1设定background=“red” 。header2 设定background=“blue” ,同时给heder1 设定margin-top:10px; 预想的是内层 heder...
分类：
其他好文 时间：
2016-01-16 16:35:50
阅读次数：
173
浏览器的兼容：_ ie6认识 格式：_width:100px;要写在最后面来覆盖前面的。* ie6和ie7都认识 格式：* width:100px;要写在最后面来覆盖前面的。\0 ie8认识 格式：margin-top:12px\0; 要写在最后面来覆盖前面的。\9 ie9认识 格式：margin-...
分类：
Web程序 时间：
2016-01-14 22:07:04
阅读次数：
158
