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:leftwidth:100%你的.columnbox

并将属性添加float:left.paging

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