2016年11月22日
摘要：
三、absolute属性与IE6/IE7之间的误会 absolute属性确实存在不少兼容性的问题，首先absolute属性定位相关(left/top)的些bug（例如IE6的奇偶bug）这里不予以讨论。//zxx:很多人都知道，再说就没意思了。 所以，下面所展示的些“误会”都是没有定位属性的(即无l 阅读全文
posted @ 2016-11-22 18:01
半夏微澜ぺ
阅读(487)
评论(0)
推荐(0)
摘要：
1 margin-bottom:3000px; padding-bottom:3000px; 此例关键是给每个框设置大的底部内边距，然后用数值相似的负外边距消除这个高度。这会导致每一列溢出容器元素，如果把外包容器的overflow属性设为hidden，列就在最高点被裁切。 效果图： 2 displa 阅读全文
posted @ 2016-11-22 17:57
半夏微澜ぺ
阅读(591)
评论(0)
推荐(0)
摘要：
position:absolute与float:left是近亲 包裹性 包裹性换种说法就是让元素inline-block化，例如一个div标签默认宽度是100%显示的，但是一旦被absolute属性缠上，则100%默认宽度就会变成自适应内部元素的宽度 float也是典型的inline-block化元 阅读全文
posted @ 2016-11-22 16:37
半夏微澜ぺ
阅读(1878)
评论(0)
推荐(0)
摘要：
何时应当使用margin：需要在border外侧添加空白时。空白处不需要背景（色）时。上下相连的两个盒子之间的空白，需要相互抵消时。如15px + 20px的margin，将得到20px的空白。 何时应当时用padding：需要在border内测添加空白时。空白处需要背景（色）时。上下相连的两个盒子 阅读全文
posted @ 2016-11-22 11:09
半夏微澜ぺ
阅读(298)
评论(0)
推荐(0)
摘要：
常见的浏览器下margin出现的bug IE6中双边距Bug：发生场合：当给父元素内第一个浮动元素设置margin-left（元素float:left）或margin-right（元素float:right）时margin加倍。解决方法：是给浮动元素加上display:inline;CSS属性；或者 阅读全文
posted @ 2016-11-22 10:59
半夏微澜ぺ
阅读(203)
评论(0)
推荐(0)
摘要：
总结：margin负值的影响： 当元素（块级元素）没有设置宽度时：margin负值会增加元素的宽度，当设置宽度时，margin负值只会影响元素的位置。 就是负的边距好像能减小元素在文档流中的尺寸一样，但事实上，它的尺寸大小并没变，只是文档流在计算元素位置的时候，会 认为负边距把元素的尺寸减小了，因为 阅读全文
posted @ 2016-11-22 10:36
半夏微澜ぺ
阅读(529)
评论(0)
推荐(0)
摘要：
margin的解析逻辑 在 margin 中 top、right、bottom、left 的参考线并不一致为一类，而是分为了两类参考线，top 和 left 的参考线属于一类，right 和bottom 的参考线属于另一类。 那他们到底各以什么为参考线呢？top 以 containing block 阅读全文
posted @ 2016-11-22 09:54
半夏微澜ぺ
阅读(179)
评论(0)
推荐(0)
浙公网安备 33010602011771号