2.5 css题目

1.上下margin值合并

• 1.1 div1（上方div）的margin-bottom为100px，div2（下方div）的margin-top为50px，它们之间的外边距？
• 1.2 div1（上方div）的margin-bottom为100px，input（下方input：内联块元素）的margin-top为50px，它们之间的外边距？
• 1.3 div1（上方div）的margin-bottom为100px，span（下方span：内联元素）的margin-top为50px，它们之间的外边距？

1.答案：

• 1.1 答：100px,相邻块级元素会发生上下margin值合并。
• 1.2 答：150px,相邻块级元素会发生上下margin值合并，块级元素与内联块元素之间不会发生上下margin值合并。
• 1.3 答：100px,内联元素对自身上下方向设置margin值无效。