Css 将一个div放置在另一个div的底部

Css 将一个div放置在另一个div的底部,css,Css,我正在尝试进行jquery分页,但是在保持导航器位于底部时遇到了一个问题,即使使用clear:all 问题是导航div必须位于结束的地方,不能位于另一个div中,否则分页会被破坏 另一个问题是,由于页面是动态的,我事先不知道alt\u page\u导航的宽度 ,我试过谷歌吐出来的所有东西,都没有用。 如果有人知道一个简单的解决方案,请告诉我:) 谢谢:)清除将不适用于内联块显示,但您需要它来居中 尝试创建一个清算div,然后放入 <div class="clearfix"><

我正在尝试进行jquery分页,但是在保持导航器位于底部时遇到了一个问题,即使使用
clear:all

问题是导航div
必须位于
结束的地方,不能位于另一个div中,否则分页会被破坏

另一个问题是,由于页面是动态的,我事先不知道
alt\u page\u导航的宽度

,我试过谷歌吐出来的所有东西,都没有用。 如果有人知道一个简单的解决方案,请告诉我:)


谢谢:)

清除将不适用于内联块显示,但您需要它来居中

尝试创建一个清算div,然后放入

<div class="clearfix"></div>


在您的产品和寻呼机之间。

Clear不适用于您的内联块显示,但您需要它来居中

尝试创建一个清算div,然后放入

<div class="clearfix"></div>


在您的产品和寻呼机之间。

在底部放置与导航高度相等的填充物,并按如下方式放置:

.wrapper{位置:相对;填充底部:1.5em}
.nav{高度:1.5em;位置:绝对;底部:0}
例如:



但也没有理由使用绝对定位;只需将其设置为适当的
显示:block
项即可。例如:

将衬垫放在与导航高度相等的底部,并按如下方式放置:

.wrapper{位置:相对;填充底部:1.5em}
.nav{高度:1.5em;位置:绝对;底部:0}
例如:



但也没有理由使用绝对定位;只需将其设置为适当的
显示:block
项即可。例如:

您的
.alt\u page\u导航
div上设置了
display:inline块
。如果您在css中删除这一行,您的div将清除浮动。如果希望其内容位于页面中心,只需将
text align:center
添加到其中,并确保其内容为
inline block
(现在您的
a
为块级)。您可以在这里看到工作示例:

您的
.alt\u page\u导航
div上设置了
display:inline block
。如果您在css中删除这一行,您的div将清除浮动。如果希望其内容位于页面中心,只需将
text align:center
添加到其中,并确保其内容为
inline block
(现在您的
a
为块级)。您可以在这里看到工作示例:

这是一个我在这种情况下倾向于使用的解决方案

您的分页器需要进入一个水平放置它的容器中

看这把小提琴-


基本上,您使用文本对齐将其水平居中,并将其放置在底部。

在这种情况下,我倾向于使用以下解决方案

您的分页器需要进入一个水平放置它的容器中

看这把小提琴-


基本上,您使用文本对齐将其水平居中,并将其放置在底部。

尝试过绝对定位吗?这是一个选择吗?是的。使包装器<代码>相对
和分页器<代码>绝对会打断位于导航器中心的我的
内联块
代码。这就是为什么我说,因为内容是动态的,我事先不知道分页器的宽度,所以我有一个问题:(@pufAmuf然后将分页器放在一个绝对定位的块内,该块左:0,文本对齐:居中。@pufAmuf没有理由认为
position:relative
会影响
inline块的布局。这是另一个问题。您的绝对标记要求是什么?尝试过绝对定位吗?这是一个选项吗?是的。正在制作包装器
relative
和分页器
absolute
打破了位于导航器中心的
内联块
代码。这就是为什么我说,因为内容是动态的,我事先不知道分页器的宽度,所以我有一个问题:(@pufAmuf然后将分页器放在一个绝对定位的块内,该块左:0且文本对齐:居中。@pufAmuf没有理由认为
position:relative
会影响
inline块的布局。这是一个单独的问题。您的绝对标记要求是什么?谢谢Sam,不过正如我上面所说的;将分页器放在nside另一个div会中断寻呼。谢谢Sam,但是正如我上面提到的,将寻呼机放在另一个div中会中断寻呼。