margin的意思是元素的外边距区域值，即该元素外面要留白的距离。它的值可以设置为三种，一种是使用数值，例如：30px，还有一种是使用百分比（相对父元素的百分比），以及第三种：auto。下面用代码和效果说话。1，有如下结构<body>
<divclass="page">
<divclass=..
分类：
Web程序 时间：
2015-11-18 16:47:05
阅读次数：
296
页面定制CSS代码/**************************************************第一部分：**************************************************/#EntryTag { margin-top: 20px; ...
分类：
其他好文 时间：
2015-11-17 06:49:51
阅读次数：
229
Firefox，IE8中margin-top的bug及解决办法在Firefox，IE8这两个浏览器中，有两个嵌套关系的div，如果外层div的父元素padding值为0，那么内层div的margin-top或者margin-bottom的值会“转移”给外层div。a中有b在B前面插入一个非空的元素，...
分类：
Web程序 时间：
2015-11-16 13:58:01
阅读次数：
143
1. 第一个子元素的margin-top和最后一个元素的margin-bottom越界问题解决办法: 1)父元素加border 2)父元素加padding 3)父元素overflow:hidden 4)为父元素添加前置的内容生成 .parent:before { conent:' '; displa...
分类：
Web程序 时间：
2015-11-12 00:04:30
阅读次数：
179
为什么会出现margin-top无效？原因：根据W3C盒子模型的规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。解决该问题的办法：1.在父元素加上有意义的border数值（0，none无效）2....
分类：
其他好文 时间：
2015-11-10 12:16:14
阅读次数：
154
父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一层一层的找自己“领 导”(父元素，祖先元素)的麻烦。只要给领导设置个有效的 border或者padding就可以有效的管制这个目无领导的margin防止它越级。 对于垂直外边距合并的解决方案上面...
分类：
其他好文 时间：
2015-11-08 17:43:04
阅读次数：
204
水平居中行内元素把行内元素嵌套在一个DIV中，并且在DIV中设置以下样式a{ text-align: center;}块级元素对于定宽的块级元素，我们要设置起margin-top,margin-right 为auto.center{ margin: 0 auto; }多个块...
分类：
Web程序 时间：
2015-11-04 19:22:43
阅读次数：
208
让div1在div2中居中显示,假设div1的宽度为100px;height:100px;1 .div2{position:relative;}2 .div1{position:absolute;top:50%;margin-top:-50px;left:50%;margin-left:-50px;...
分类：
其他好文 时间：
2015-10-29 18:12:07
阅读次数：
178
我们经常遇到这类情况的设计，如图：title 置顶，点击title（fixed固定） 跳到对应的锚点。 锚点默认跳到title被盖住，加各种padding-top margin-top 都没用，今天看到一个解决办法， 在“本周保养” 的title 添加 border-top：45px solid；m...
分类：
其他好文 时间：
2015-10-26 18:29:12
阅读次数：
161
不想说今天心情有多差!9点多開始发现一个"bug",需求是依据屏幕高度动态调整某个div的位置。代码大概是这种。 演示：然后就发现。“当窗体宽度变化的时候，margin-top变了，变了！了。！！” ,调了一个晚上，问了好多前端群，贴上代码。居然没有人知道为什么！！！最后找到一句话：'...
分类：
其他好文 时间：
2015-10-23 18:35:38
阅读次数：
154
