盒子模型三要素：margin（外边距）、border（边框）、padding（内边距）竖直方向：margin-top+border-top+padding-top+height+padding-bottom+border-bottom+margin-bottom水平方向：margin-left+border-left+padding-left+width+padding-right+border-right+margin-right
分类：
其他好文 时间：
2015-12-05 02:02:45
阅读次数：
297
问题如图：子菜单1-1-1无法与x对齐。解决方案：将a标签的vertical_align属性设置为top即可；如果此时a里面的文字不与图片和谐，可以调节padding-top来达到文字居中效果。
分类：
其他好文 时间：
2015-12-02 12:18:44
阅读次数：
138
CSS部分：#Tab { margin:0 auto; width:640px; border:none; position:absolute; z-index:9; margin-left:320px; _margin-left:0px; padding-top:180px;}.Menubox {...
分类：
Web程序 时间：
2015-11-17 10:40:35
阅读次数：
660
为什么会出现margin-top无效？原因：根据W3C盒子模型的规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。解决该问题的办法：1.在父元素加上有意义的border数值（0，none无效）2....
分类：
其他好文 时间：
2015-11-10 12:16:14
阅读次数：
154
想做一个div的曾背景颜色是黄绿色，内部有标签。代码如下： 我的主页新闻头条 电视剧 最新电影 小游戏 小说大全 旅游度假 网上购物 今日团购 思路：将标签一起放在一个层中，然后在外面在放一个层，用到属性 style=="padding-top:10px;"（内层离外层的距离）
分类：
其他好文 时间：
2015-10-30 18:29:20
阅读次数：
230
我们经常遇到这类情况的设计，如图：title 置顶，点击title（fixed固定） 跳到对应的锚点。 锚点默认跳到title被盖住，加各种padding-top margin-top 都没用，今天看到一个解决办法， 在“本周保养” 的title 添加 border-top：45px solid；m...
分类：
其他好文 时间：
2015-10-26 18:29:12
阅读次数：
161
Google Chrome input的height和line-height设置为相同的比默认高度高的值时，当input控件获得焦点并且没有输入内容时，input中的光标会占满整个input控件（如果设置了padding-top或padding-bottom则会低于整个控件的高度），但输入内容后光标...
分类：
其他好文 时间：
2015-10-26 15:15:58
阅读次数：
297
单行文字垂直居中的方式你可能可以脱口而出，height和line-height设置为同样就行了，或者设置相同的padding-top和padding-bottom值。上图是Chrome浏览器下的效果，没什么好惊讶的，完全符合我们的预期。然后我们到移动端，设置相等的height和line-height...
分类：
移动开发 时间：
2015-10-21 20:50:47
阅读次数：
156
padding-top:10px;是指容器内的内容距离容器的顶部有10个像素，是包含在容器内的；margin-top:10px;是指容器本身的顶部距离其他容器有10个像素，不包含在容器内；top:10px;是指容器本身的顶部距离页面的顶端有10个像素。padding和margin的区别可以简单的理解...
分类：
Web程序 时间：
2015-09-30 19:27:15
阅读次数：
164
前段时间我同事对于margin和padding应用百分比值似乎有些误解，觉得可能是个普遍问题，所以觉得有必要拿出来单独写一下。margin和padding都可以使用百分比值的，但有一点可能和通常的想法不同，就是margin-top | margin-bottom | padding-top | pa...
分类：
Web程序 时间：
2015-09-11 14:19:27
阅读次数：
156
