1

これは私のウェブサイトです： http ：//www.kursatkarabulut.com/dersler/

いいねボタンをブラウザの左上の固定位置にとどまらせようとしています。それぞれのいいねボタンは、.likebuttonsの別の子クラスにあります。このCSSの何が問題になっていますか？

私のCSSは：

.likebuttons {
    position:fixed;
    left:5px;
    top:5px;
    margin:20px 25px 0;
}

また、別の質問があります。ページ幅は800pxです。Explorer / Opera / Safari / Mozillaでこのページを開くと、すべて正常に見えます。しかし、Chromeで開くと、width：800pxは無視されます。およびmargin：0 auto; 全画面表示になります。どうすればこれを修正できますか？

私のHTMLは次のとおりです。

body {
    width:800px;
    margin:0 auto;
    height:100%;
    text-align:justify;
    padding: auto;
    background:#CCCCCC;
    margin-bottom:15px;
}
4

1 に答える 1

1

これはあなたが持っているものです：

.likebuttons {
    display: block;
    position: absolute;
    left: 0px;
    top: 100px;
    width: 300px;
    height: 200px;
    margin: 20px 25px 0;
    clear: right;
}

top: 100px;に変更top: 0px;

Chromeでは正常に動作します。

于 2012-12-30T16:38:25.723 に答える