0

tmbeta.tumblr.com

投稿の下にあるメモの数を確認しますか?cssは問題ありませんが、どういうわけかfloat:rightが応答しません。

私が話していることを確認するには、 http://responsepx.com/?tmbeta.tumblr.com# 500x497にアクセスして、ウィンドウを480pxより小さくしてみてください。下に小さな隙間があり、ページを更新することで修正できますが、安定した解決策を探しています。

フロートをクリアしてみましたが、効果がないようです。

私が言ったように、これがコードです。問題の原因は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;
            }
4

1 に答える 1

1

メディアクエリのすぐ外にもfloat:を追加することでこれを修正しました。これがフィドルです。 http://jsfiddle.net/Xkw9T/

于 2012-05-08T19:11:36.410 に答える