一个div浮动的问题

页面上有一个div，里面要动态加载很多浮动的小div，刚开始在ie下面测试的，生成的小div排列都是正确的，然后在chrome下测试发现一个很奇怪的问题，发现小div不能顶到父级div的最左边，然后我赶紧查看它的样式，发现设置的left是为0的，但是它隔父级的左边框很远。最后想起来了，关于css浮动的问题，如果是浮动话，那么在浮动的过程中一旦有其他元素拦住了浮动元素，那么浮动元素就自然停靠在被拦住的位置，估计是这个问题，而且ie下面因为width和height是指整个元素，所以在ie下设置的话很容保持一致，但是在chrome下仅设置height和width的话是不够的，还要考虑margin和padding甚至border等等参数，否则当浮动的上方元素因为margin或者padding等的设置挡住了浮动元素就会出现这种问题，最后修改了浮动元素父级元素的padding，是浮动元素往下多靠一点远离上方可能挡住它浮动的元素，效果就正确啦；另外可以考虑浮动的另外一种特点，上下两个元素的外边距相遇时，它们之间的距离由margin值更大的来确定，为了让下面元素的子元素在滑动时不会受到上面元素的下margin影响，我把下面元素的上margin值设置得比上面元素的下margin更大，这样该元素内部最上面的元素在向左滑动时就不会被其他因素影响啦。哎，万恶的浏览器啊，求一统啊，呵呵。