当浏览器最小化时,Circle div重新定位

时间:2013-05-06 22:04:42

标签: css html browser

为客户工作并遇到问题。

当浏览器最大化时,圆圈的顺序正确:天,小时,分钟,秒。但是,当我缩小浏览器时,圆圈会重新定位并变为秒,分钟,小时,天。

该网站可在此处找到:http://freelancing.io/

可以在网站上找到HTML源代码。 可以在此处找到更有条理的CSS版本:https://gist.github.com/jackdempsey/2b8cc3c30207e9043754

请帮帮忙?

1 个答案:

答案 0 :(得分:1)

您正在使用响应式设计,它会动态更改给定浏览器窗口大小的活动CSS规则。

当你缩小它时,你的圈子的CSS规则就是:

#coming_soon .count .box {
    float: none;
    display: inline-block;
}

只需删除或评论float: none;规则,使其可以向右浮动并恢复正确的顺序。