摘要：
上下相邻的（算一种兄弟关系）普通元素，上下边距并非简单的相加，而是取其中最大的边距值；而浮动的盒子边距是相加的；父子div也会发生重叠，并不是bug； <style>#test1{ width:1000px; height:100px; background:blue; margin-bottom: 阅读全文
posted @ 2016-07-14 22:34
匿名的girl
阅读(446)
评论(0)
推荐(0)
摘要：
一个盒子，在加了padding、border、margin之后，它实际的大小: 竖直方向：height+padding-top+padding-bottom+border-top+border-bottom+margin-top+margin-bottom; 水平方向：width+padding-l 阅读全文
posted @ 2016-07-14 17:02
匿名的girl
阅读(171)
评论(0)
推荐(0)
摘要：
突然增加padding会使盒子变大，所以要按实际情况做调整。 没有写padding的时候： <style>div{ background:gray;}</style></head><body><div> 有一首诗最为动人，那就是青春；有一段人生最美丽， 那就是青春；有一道风景最为亮丽，那就是青春。 阅读全文
posted @ 2016-07-14 16:49
匿名的girl
阅读(185)
评论(0)
推荐(0)
摘要：
三要素：宽border-width，形状border-style，颜色border-color <style> div{ width:300px; height:300px; background:blue; border:50px solid green; }</style><body> <div 阅读全文
posted @ 2016-07-14 10:42
匿名的girl
阅读(186)
评论(0)
推荐(0)
浙公网安备 33010602011771号