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

尝试添加.paging{ position: absolute }到 css，这样元素将相对于它的第一个定位（非静态）祖先元素（.columnbox）定位自己。之后稍微调整一下 columnbox 的高度。这对我有用！

于 2013-03-05T13:58:36.360 回答
0

这样做：

添加属性float:left和width:100%你的.columnbox类

并将属性添加float:left到.paging类

于 2013-03-05T14:05:02.530 回答