0

私は次のページを持っています

http://www.javaexperience.com/java-externalizable-vs-serializable-interfaces/

Firefoxでは右端のヒントのセクションは問題なく機能していますが、ChromeとIEでは表示可能領域の外に出ています。現在、左マージン値は1290pxに設定されています。1150pxに変更すると、ChromeとIEで修正されますが、Firefoxのレンダリングで問題が発生します。

これに利用できる修正はありますか？

4

2 に答える 2

1

に大きなマージンを提供する代わりに、を親コンテナに<div id="tips">追加します。つまり、それに応じて兄弟の幅を調整します。<div id="tips"><div id="contents-b">

それで、

<div id="contents-b">
    <div id="content-b">
        <!-- CONTENT -->
    </div>
    <div id="sidebar">
        <!-- sidebar CONTENT -->
    </div>
    <div id="tips">
        <!-- TIPS CONTENT -->
    </div>
</div>

そしてcssのような

#contents-b {
    width:100%;
}

#content-b {
    display: inline-block;
    width:50%;
}
#sidebar {
    display: inline-block;
    width:30%;
}
#tips {
    display: inline-block;
    width:20%;
}
于 2012-11-14T09:26:07.007 に答える
0

Firefoxのマージンcssハック

Chromeと他のすべてで動作します

 .inbox_notify span {
    background: #f30 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 14px;
    margin: -33px 0px 0px 32px;
    padding: 2px;
    position: absolute;
    text-align: center;
    min-width: 17px
}

Firefoxの場合

@-moz-document url-prefix() {
    .inbox_notify span {
        margin: -6px 0px 0px 0px;
    }
}
于 2018-11-05T06:34:41.653 に答える