html 隐藏谷歌网址框,谷歌浏览器打破了HTML布局隐藏

我创建了一个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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值