float一点小疑问 浮动也会有层级?





无标题文档



	

ie&ie9&chromefloat一点小疑问 浮动也会有层级?_第1张图片

FF

float一点小疑问 浮动也会有层级?_第2张图片


ie7

float一点小疑问 浮动也会有层级?_第3张图片


从现象看出ie7 class为r的部分没有继承父框的高度,其他浏览器都继承了。

ie8&ie9&chrome浮动元素会排同一浮动层级的元素旁边。

FF的浮动元素则根据层级来显示。

这里的浮动层级是我创造的名词。大概的意思是父元素浮动子元素浮动层级+1;

就是如果父元素没浮动,子元素浮动的话,也只能浮动在父元素同级浮动元素的旁边。

FF则是子元素可以浮动到父元素同级的浮动元素上层。   这真神奇。


不知道还有没有其他解释。希望有人能看到这篇文章。

你可能感兴趣的:(float一点小疑问 浮动也会有层级?)