Monthly Archives: January 2017

Archive of posts published in the specified Month

Jan
16

前端知识点

相邻div之间的margin设置

    如果父子级div都设置了margin属性,为了让父级div的margin属性不受子级margin属性的影响,需要给父级div设置:

overflow:hidden/*此能够保证父级div的宽高不发生变化*/

兼容性写法(以box-shadow为例)

-webkit-box-shadow:0px 0px 80px 12px rgba(0, 0, 0, 0.08);
-moz-box-shadow:0px 0px 80px 12px rgba(0, 0, 0, 0.08);
-ms-box-shadow:0px 0px 80px 12px rgba(0, 0, 0, 0.08);/*微软*/
-o-box-shadow:0px 0px 80px 12px rgba(0, 0, 0, 0.08); /*opera*/
box-shadow:0px 0px 80px 12px rgba(0, 0, 0, 0.08);

相邻两个元素同时设置margin的效果

    两个相邻元素同时设置margin时,两个元素的间距不是两个margin值相加,而是选取最大的那个margin值。在下面这个例子里,div 的margin-bottom值为30px,p的margin-top值为10px。div和p的间距为30px。

<!DOCTYPE html>
Read the rest