0

このdiv構造を参照してください：

<div class="columnbox" style="margin-top:10px;">
    <div class="paging">
        <asp:Literal ID="ltPagingBottom" runat="server" />
    </div>
</div>

そしてこれらのクラス：

.paging{width:650px;border:#000000 0px solid;height:20px;}

.columnbox{ background-color:#f6f6f6;border:1px solid #CCCCCC;width:96%;padding:10px;margin:0 10px 10px 0;line-height:17px;}

何らかの理由で、ページングボタンが列ボックスボックスの外にあり、修正できないようです。

.pagingクラスにプロパティを追加してみました。

margin-left:-100px; padding:0px;

また、columnboxクラスを次のように変更してみました

padding:0px;

しかし、それも役に立ちません。私に何ができる？

4

4 に答える 4

3

シンプル-に追加.columnbox {display: inline-block; }

含まれている要素の全幅は事後に少しずれていますが、それはあなたが遊ぶのに簡単な修正です。次/前のボタンの幅をいくらか減らすか、列ボックスの幅を96％から98％に増やして一致させることができます。

于 2013-03-05T13:59:54.637 に答える
0

float:leftに追加.columnbox {}

于 2013-03-05T14:07:11.347 に答える
0

cssに追加.paging{ position: absolute }してみてください。そうすれば、要素は最初に配置された（静的ではない）祖先要素（.columnbox）を基準にして配置されます。その後、コラムボックスの高さを少しいじります。それは私にとってトリックでした！

于 2013-03-05T13:58:36.360 に答える
0

これを行うだけです：

プロパティfloat:leftを追加width:100%して.columnboxクラスに追加する

クラスにプロパティfloat:leftを追加します.paging

于 2013-03-05T14:05:02.530 に答える