大家好，今天小编关注到一个比较有意思的话题，就是关于css让div上下不重叠的问题，于是小编就整理了3个相关介绍css让DIV上下不重叠的解答，让我们一起看看吧。
html切换页面如何让导航栏不切换css？
导航栏下面放一个Div，专门用来显示对应导航栏目的内容。点击导航栏触发点击事件，在***函数中获取点击的栏目id，通过此id确定往div中添加那个内容。可以用div.innerHTML来更新div显示的内容。
或者，导航栏下面放置多个Div，数量等于导航栏目的个数，所有div要都重叠在一起。在点击***函数中控制div的显示和隐藏。
网页制作中，怎么把俩张图片叠加在一起？或者说，用div或table加了一图片，要在图片上+个文本，怎么弄啊？
2种方法1、一张图片作为背景，一张图片放进去。。。2、用叠层的方法，也就是2个DIV ，一个用position:relative 作为父层，也就是最下面的那个层。一个DIV用position:absolute。作为子层，也就是最上面那个层给你个demo方法2的，1就不写了！
margin值重叠问题怎么解决？
1.同向margin的重叠：
1图片的margin-top与3图片的margin-top发生重叠，2图片的margin-bottom与3图片的margin-bottom发生重叠。
这时候重叠之后的margin值由发生重叠两片的最大值决定；如果其中一个出现负值，则由最大的正边距减去绝对值最大的负边距，如果没有最大正边距，则由0减去绝对值最大的负边距。解决同向重叠的方法：
（1）在最外层的div中加入overflow:hidden;zoom:
1（2）在最外层加入padding:1px;属性（3）在最外层加入：border:1px solid #cacbcc;2.异向重叠问题：
1图片的margin-bottom与2图片的margin-top发生重叠，这时候重叠之后的margin值由发生重叠两图片的最大值的决定的。
解决异向重叠问题：
float:left（只能解决IE6浏览器中的异向重叠问题，可以解决IE8以上、chorme、firefox、opera下的同向重叠问题）
到此，以上就是小编对于css让div上下不重叠的问题就介绍到这了，希望介绍关于css让div上下不重叠的3点解答对大家有用。
