关于CSS边框合并问题简述

关于CSS边框合并问题简述
一、子父类边框合并
问题概述：比如在父级中有一子级，父级外边框为20px，子级外边框为20px，当子级外边框变大时，打开浏览器发现子级外边框并没变化，而是父级外边框变化了子级边框的数值。
解决方法：
1.给父级元素设置外边框
2.将子级元素改变的外边框距离转换成父级元素的内边框距离
3.使用overflow：hidden；来隐藏父级超出定义的边框
4.使用行级元素跟块级元素的属性问题display：inline-block；来使其同时获得行级跟块级属性
5.利用浮动float来进行调节
6.使用绝对定位 类似于浮动 position：abslute；来进行改变
二、兄弟级边框合并
解决办法：将原本设置给两个元素的属性设置给一个元素
计算的标准：
1.两个元素外边距均为正数时，选择大的去使用
2.两个元素的外边距相同时随便选择其中一个去使用
3.如果两个元素的外边距为一正一负，加和去计算
4.如果都是负数跟都是正数类似 ，选择绝对值大的去使用

目前搜集到的就这些## 关于CSS边框合并问题简述##