浮动不响应?

时间:2012-05-08 09:43:31

标签: css responsive-design

tmbeta.tumblr.com

查看帖子下的备注数量? css还可以,但不知何故浮动:右边没有响应。

要查看我正在谈论的内容,请转到http://responsivepx.com/?tmbeta.tumblr.com#500x497并尝试使窗口小于480px。下面有一个小的空隙,它可以通过刷新页面来修复,但我正在寻找一个稳定的解决方案。

我尝试清除浮动但它似乎没有任何效果。

这是代码,正如我所说的,造成问题的原因是浮动:正确。

    .notecount {
                    float: right;
                color: #fff;
                font-size: .8em;
                font-weight: bold;
                text-shadow: 0 1px 0 #000;
                border-bottom: solid #666666 1px;
                padding: .3em .8em 0 2.5em;
                -webkit-border-radius: 15px;
                   -moz-border-radius: 15px;
                        border-radius: 15px;
                -webkit-box-shadow: inset 0px 3px 3px 0px #23262c;
                box-shadow: inset 0px 3px 3px 0px #23262c;
                background: #393939 url(http://dl.dropbox.com/u/13823768/masonry/img/notes.png) no-repeat 10px 65% ;
vertical-align: middle;
            }

1 个答案:

答案 0 :(得分:1)

通过在媒体查询外添加float:right来解决此问题。这是一个小提琴。 http://jsfiddle.net/Xkw9T/