今天我发现我创建的其中一个网站有一个奇怪的行为: 内容分为两个浮动div,左边是#section,右边是#aside。他们根据自己的位置浮动,即。 #section - >剩下; #aside - >右。
我创建它(1。5年前)时没有问题,现在没有...除了Chrome(16.0.912.x)。该网站是http://irierocktrio.com/
当我在Chrome中加载时,#aside首先显示在其位置,当页面完成加载时,它会在左侧滑过#section。如果我启动Chrome的开发控制台(即“Inspect element”),找到#extal的css,取消选中并重新检查浮动属性,div进入它的位置。如果我重新加载页面,再次滑落。更奇怪的是,它只在头版(Home)上执行此操作,但其他页面(博客除外)的结构完全相同。
我想,如果我尝试将#aside设置为向左浮动,并给它留下几个px左边距以避开#section:同样的情况发生,它滑过#section,如果我重新检查dev控制台中的float属性,它会转到它的位置。
我无法理解这一点。任何人都可以解决这个问题吗?
更新:我已向Google提交了错误报告。今天(10.02.2012)我注意到Chrome 17.0.xxx,但这个问题仍然存在。