这个问题发生的原因是根据规范，一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边距会和其内部文档流中的第一个子元素的上边距重叠。 再说白点就是：父元素的第一个子元素的上边距margin-top如果碰不到有效的border或者padding.就会不断一 ...
分类：
Web程序 时间：
2018-07-31 23:33:37
阅读次数：
241
废话不多说，直接上代码。<body><!--若采用浮动，则需要加style="padding-top:60px;"--><navclass="navbarnavbar-defaultnavbar-static-top"><!--navbarnavbar-default:首先声明是一个导航栏，然后声明用导航栏的default样式可以通过navbar-defa
分类：
其他好文 时间：
2018-07-28 11:57:53
阅读次数：
142
在css里面，padding-top,padding-bottom,margin-top,margin-bottom取值为百分比的时候，参照的是父元素的宽度。 比如：父元素宽度是100px, 子元素padding-top:50%，那么padding-top的实际值就是100*50%=50px 这个小 ...
分类：
其他好文 时间：
2018-07-21 00:52:26
阅读次数：
204
除了height以外垂直方向上的margin-top（bottom）或者padding-top（bottom）的百分比取值都是相对于父元素的宽度 在默认的content-box盒模型下元素的width就是指的content的宽度： .box { width: 200px; height: 400px ...
分类：
Web程序 时间：
2018-07-20 15:17:54
阅读次数：
289
div.category{ width:33%; padding:33% 0 0; } 1、关键在padding:33% 0 0这句代码，通过设置padding-top与宽度相等（padding使用百分比时，padding-top和padding-bottom使用的也是宽度的百分比，而不是高度的！！ ...
分类：
Web程序 时间：
2018-07-08 10:45:08
阅读次数：
473
|-边界边框|--外边距 margin |--内边距 padding（padding会加大height和width |--边框边框 border | margin-left padding-top border-right border-botton| margin/padding:上 右 下 左| ...
分类：
其他好文 时间：
2018-06-16 01:01:36
阅读次数：
147
1、margin垂直方向上塌陷现象。 margin在水平方向上不存在此问题。 2、margin-top相对于父盒子问题 margin在水平方向上不存在此问题。 如果需要达到相对于父盒子，向下偏移，可以设置父盒子padding-top代替子盒子设置margin-top。 总结：margin垂直方向尽量 ...
分类：
Web程序 时间：
2018-05-29 23:32:56
阅读次数：
202
垂直居中 1. 已知外部高度： 高度和行高相等（内联） 使用table布局（内联，块级） 2. 任意外部高度： padding top，padding bottom相等 将表格边框合并 通过对table的border collapse和border spacing进行设置 css3动画注意 dom上 ...
分类：
Web程序 时间：
2018-05-21 19:35:09
阅读次数：
211
盒子使用 样例如下： 说明：padding(内边距)/margin(外边距): 上 右 下 左；或直接使用指定边距如padding-top:2px。 margin: 0 auto ;居中设置 特例说明 整个网页最大的盒子是浏览器(<document>)，<body>是<document>的子元素。故 ...
分类：
Web程序 时间：
2018-05-08 16:34:16
阅读次数：
201
今天在完成百度IFE前端技术学院day9-day11的作业时发现: 在CSS样表中，我对子div设置了margin-top的属性，结果发现其父div也随之下移，在网上搜索一番后找到了答案 根据规范: 一个盒子如果没有上补白(padding-top)和上边框(border-top)，那么这个盒子的上边 ...
分类：
其他好文 时间：
2018-05-03 20:52:52
阅读次数：
159
