浮动没有响应？答案

【问题标题】：Float not responsive?浮动没有响应？
【发布时间】：2012-05-09 03:11:36
【问题描述】：

tmbeta.tumblr.com

看到帖子下的注释数了吗？ css 没问题，但不知何故 float:right 没有响应。

要了解我在说什么，请转到http://responsivepx.com/?tmbeta.tumblr.com#500x497 并尝试使窗口小于 480 像素。下面有个小缝隙，可以通过刷新页面来修复，但我正在寻找一个稳定的解决方案。

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

这是代码，正如我所说，导致问题的原因是 float:right。

    .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;
            }

【问题讨论】：

那么...您的问题是什么？在提出您的问题时，向我们提供 jsFiddle 总是一个好主意。
我无法真正确定问题所在，但如果您删除@media screen and (min-width: 0px) and (max-width: 479px) { 行，float 工作正常。
我同意克苏鲁。请提供您无法理解的代码
@Cthulhu 谢谢。但我不能删除那行，这是媒体查询的重点:) 不过我自己找到了一个解决方案，我会在一秒钟内发布它。
我知道你不能删除它，我只是指出问题应该在附近的某个地方。很高兴您找到了解决方案。

标签： css responsive-design

【解决方案1】：

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

【讨论】：