0

JSPXに以下の行があります

<div class="page_nav">
   <a id="saveButton" class="button"><span>${save}</span></a>           
   <a id="cancelButton" class="button"><span>${cancel}</span></a>
</div>

「保存」および「キャンセル」ボタンをロードするため。ページをロードするとき、ボタンの順序は順序付けられておらず、クロムのみです。参照用のスクリーンショットを参照してください

ボタンが正しく表示されない

以下はcssからのコピーペーストです

a.button {
    background: transparent
        url('../../images/admin/bg_button_span.png') repeat
        scroll top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 1.1em Tahoma, Arial;
    height: 24px;
    margin-right: 6px;
    padding-right: 10px;
    padding-left: 10px;
    text-decoration: none;
    cursor: pointer;
}

.page_nav {
   float: left;
   margin: 1em 0;
   width: 100%;
   clear: both;
}

これはクロムでのみ発生します

別のページで同じdivを使用しています（同じクラス名も）。そこでは完全に機能します。ここに何が欠けているのかわからない

これで私を助けてください

4

1 に答える 1

3

.page_nav に overflow:hidden を設定してみてください:

.page_nav {
   float: left;
   display:block;
   margin: 1em 0;
   width: 100%;
   overflow: hidden;
}
于 2013-03-21T14:53:52.360 に答える