在开始的学习过程中，不清楚什么是双边距，通过上网查询，渐渐知道原形。概述为：若给一个浮动元素加上了同浮动方向一致的margin，则会在IE6上表现出双边距（在浮动方向的最边上会出现2*的margin）.用图可表示为：高版本浏览器：IE浏览器：代码如下： ...
分类：
其他好文 时间：
2015-07-14 19:36:36
阅读次数：
77
水平居中：1.text-align:center2.margin:0 auto;需要设置内容宽度；垂直居中;1.vertical-align:middle该属性适用于只有一个元素属于inline或是inline-block（table-cell也可以理解为inline-block水平）水平，其身上的...
分类：
其他好文 时间：
2015-07-14 15:23:32
阅读次数：
91
css排版时出现：里面的div设置margin-top值时外面div会向下移动相应距离的解决方法 先看一简单实例：这是一个段落然后设置样式 #box { margin:10px; background-color: #999; } p {background-color: #990; marg...
分类：
其他好文 时间：
2015-07-14 15:16:20
阅读次数：
96
有时候我们在淘宝网或者京东商城上浏览要购买的商品的时候当把鼠标移动到图图片上的时候会发现图片放大，然后鼠标移动，图片也会跟着移动，接下来我就使用jquery来实现这种效果：
这是图片目录：
图片提示
body{
margin:0;
padding:40px;
background:#fff;
font:80% Arial, Helvetica, sans-se...
分类：
其他好文 时间：
2015-07-14 13:46:10
阅读次数：
209
废话不说，直接上图基本代码如下：效果图如下：给两个div分别加marginBottom和marginTop看一下效果实际效果如下：我们可以看出两个div之间的距离并不是50+50，而是只显示了一个50；原因和上一遍文章一样，两个margin值重叠了，并且只显示最大的一个。解决方案： 1.两个div....
分类：
其他好文 时间：
2015-07-14 13:20:18
阅读次数：
80
问题叙述性说明：当围绕一个简单的页面布局设计。我发现了一个奇怪的相对布局问题。同的方式围绕布局接口。它是利用左div浮动、对div设定 margin-left这样达到的效果。实现了chrome浏览器正常浏览（如图所示1）布局界面在ie浏览器无法正常显示（如图2）。图1图2解决这个问题：看了一些文章以...
分类：
其他好文 时间：
2015-07-14 09:51:19
阅读次数：
183
这两天在写一个demo的时候，就碰到一些css的问题，不知道能不能算bug，很有可能是因为我写的代码太少，孤陋寡闻了_(:зゝ∠)_。记录一下，以防下次遇到同样问题。进入正题：1、问题描述：div嵌套时内部div设置的margin-top样式会作用到外层div（父元素）上。1 4 5 6 ...
分类：
Web程序 时间：
2015-07-13 20:04:00
阅读次数：
140
问题：行内元素之间产生间隔原因：换行符，Tab制表符，空格产生间隔解决方法：1、行内元素写成一行2、设置font-size为0px 把父级文本设置为0px; 再为需要显示文字的行内元素设置文字大小即可如果需要间距可以设置其margin，这时的间距是可以自己控制的。
分类：
Web程序 时间：
2015-07-13 15:29:06
阅读次数：
140
【小练习】请大家做出如下网页【备注】左上框为No.1，右上为No.2，左下为No.3，右下为No.4 【要求】 1、除了No.1内的表格外，其他所有地方的框请用div+css来写，练习浮动float、margin、padding 2、No.1制作表格，用上背景色、边框色、文字色 ...
分类：
其他好文 时间：
2015-07-13 13:55:15
阅读次数：
102
1. 首页布局// 顶部DIV#top{ position:absolute; top:0; left:0; width:100%; height:15%; overflow:hidden; margin-top:1 1 1 1;}.pp{ width...
分类：
Web程序 时间：
2015-07-13 13:52:08
阅读次数：
134
