html中，为什么垂直排列的两个div盒子之间有间隙？如何让一个固定位置的盒子在另一个盒子里放置？为什么要使用clear:both属性？

这篇博客是在制作网页后，自己的相关总结。网页为亿贝官网，简单的品牌网页制作。有上传相关资源，里面包含html，css，javascript和iquery文件。资源里有详细的框架，代码和样式解释。下面就编程中遇到的问题做以下几个知识点总结，如果理解有错，希望指正。

1.为什么两个DIV盒子之间会有间隙？

    这是因为div中某个元素浮动超出原本的文本框，可在div中加上这个属性<style="overflow:hidden;">来解决这个问题,具体加在哪个div标签中可以根据你自己网页来判断可能是哪个盒子里的内容会溢出。或者对于其父标签设置margin:0;padding:0;即可。

2.如果想要把一个样式为position:absolute的固定盒子放置在另一个盒子中，只需对大的盒子设置其样式position:relative即可，记住，固定的盒子里要设置样式z-index:10000，数值尽可能大使固定盒子不被隐藏。   

3.如果设置了float浮动属性，则须通过<div class="both"></div>来清除，否则下面的div会覆盖上面的div盒子. 这个div盒子的样式这样设置：  

.clear{ clear:both; width:100%; height:0; overflow:hidden;}

4.代码底部有绿色波浪线，意为浏览器或代码兼容性问题。