花了好几个小时。。各种问题，事实证明，Body有带margin，而父元素需要absolute， px3的top需要指定为0，否则会下去100px，然后终于OK
分类：
Web程序 时间：
2015-06-15 00:07:47
阅读次数：
119
今天来给大家详细剖析一下盒子模型。
盒子的构成：内容(content)、填充(padding)、边框(border)、边界(margin)。
盒子模型既然说是盒子模型，那么可以猜到这个模型来源于生活中的盒子。
假设你想送别人一个水晶娃娃。那么你肯定会把娃娃精美的包装起来，又因为娃娃是水晶的，很怕摔坏，所以在包装的时候就要在里面添加一些防震的东西，向泡沫，或者布...
分类：
Web程序 时间：
2015-06-14 15:09:44
阅读次数：
137
流式布局display: inline | block |inline-blockblock独占一行默认宽度会填满父的宽度，可设width,height,padding,margin.block可以包含block,inline,inline只能包含inline,也有例外。inline同行显示直到宽度...
分类：
Web程序 时间：
2015-06-14 12:15:20
阅读次数：
133
CSS中的盒状模型用于描述一个为HTML元素形成的矩形盒状。CSS盒状模型还涉及为各个元素调整外边距、边框、内边距和内容的具体操作。
content 指内容，可以是文字、图片等元素。
padding 指内边距，也有人称之为空白、内补丁等。主要用来设置内容到边框之间的距离，就像一个缓冲带。
border 指边框，用于设置内容的边框线粗和样式等。
margin 指外边距，也可称为边界。用...
分类：
其他好文 时间：
2015-06-14 09:26:07
阅读次数：
112
1、首先如果两个元素要并在同一行，使用float最好两个都加浮动2、IE6下双边距问题，当有块级元素浮动的时候，该元素的横向margin值会被放大为两倍，解决办法：给该元素加display：inline即可。3、li的一些问题a:如果有两列布局，我们仅仅给右边加有浮动，在IE6,7下会折行，解决办法...
分类：
其他好文 时间：
2015-06-13 20:06:08
阅读次数：
170
1）设置网页整体居中的代码：以前用表格布局时设置网页居中非常方便，把表格对齐方式设置为居中就行了，就这么简单，现在呢，用DIV+CSS样式表控制，标准之路test宽度为适合800×600分辨率浏览器的宽度，margin:0 auto; 这句代码就是让居中了，意思是外边距上下设置为0，左右设为自动。这...
分类：
Web程序 时间：
2015-06-13 20:01:29
阅读次数：
213
1)当一个父div中包含了几个子div，同时几个子div设置为浮动，那么父div的高度不能被子div撑起来。须手动设置父div的宽高，然后才可以设置例如 margin：auto的居中属性。2)设置几个连续div的间隔：首先把这几个div的属性设置为左浮，然后这几个div就是并排显示了，此时每个div...
分类：
Web程序 时间：
2015-06-12 23:50:43
阅读次数：
240
效果图：html: 项目管理 我的项目 我的项目 我的项目 我的项目 我的项目 css:html,body{margin: 0;padding: 0;background-color: #eee;}#rightkey{position: fixed;displ...
分类：
Web程序 时间：
2015-06-12 20:46:35
阅读次数：
237
1、混合选择器样式定义：.button.icon:before { content: ""; position: relative; top: 1px; float:left; width: 12px; height: 12px; margin: 0 0.75em 0 -0.25em; backgr...
分类：
Web程序 时间：
2015-06-12 19:22:28
阅读次数：
106
JS Bin .div1{ border:solid 1px red; width:100%; height:400px; position:relative; margin-top:80px;}.div2{ border:solid 1px...
分类：
Web程序 时间：
2015-06-12 18:45:22
阅读次数：
92
