我创建了一个HTML布局页脚停靠溢出的窗口元素时:谷歌浏览器打破了HTML布局隐藏
#footer-dock {
position: fixed;
bottom: 0px;
right: 0px;
height: 1x;
}
#wnd-cont {
float:right;
/* width is controlled from JS */
height: 1px;
}
#wnds-area {
float:right;
height: 1px;
}
.wnd-placer {
width: 270px;
height: 1px;
margin: 0 5px;
float: right;
}
/* floats out of placer */
.wnd {
overflow: hidden;
width: 270px;
position: absolute;
bottom: 0px;
}
.hdr {
border:1px solid green;
height: 32px;
background-color: green;
position: relative;
}
.title {
color: gray;
}
.bdy {
background: white;
border: 1px solid green;
height: 400px;
}
我需要这些占位符和页脚码头不超过1像素高,所以我当没有窗户时可以点击页脚。窗口(包含所有内容)都是使用JavaScript动态添加和删除的。
一切工作正常在Firefox甚至在IE7,但铬有一些奇怪的问题。
起初,有问题,因为我没有把1px的高度放在页脚和窗口放置器上 - Chrome将窗口堆叠在一起。在放置1px高度后,它在添加窗口时开始表现正常,但是当我使用Javascript删除任何窗口时,其他窗口不会重排(它们具有.wnd-placer类,并带有float:right),直到我执行以下操作之一:
放大页面,然后放大到100% - 突然间所有的东西都跳到它应该在的位置;
打开开发人员面板并调整.wnd-placer的一些CSS - 只需启用/禁用任何属性就足够了,再次,我的所有窗口都跳转到应有的位置。
这仅仅是Chrome的具体看来,Chrome浏览器也存在一些问题重新计算这些.wnd-砂矿的DIV布局之后我删除其中的一些。
有什么办法可以强制Chrome重新绘制我的窗口(就像我放大/缩小或启用/禁用任何CSS属性时一样),所以它们向右回流,就像在其他浏览器中一样?
+1
你的问题不是很清楚。一个可行的例子可以帮助解决这个问题。 –
2012-01-04 18:39:15