如何使div顶部成为其他div的底部

Question

如何让div top成为其他div的底部：

我选择了firebug div，我需要顶部始终是

的底部

<div class="menu-banner">

CSS可以做什么，或者我需要使用jQuery？

目标div和teh menu-banner div都是身体的直接孩子。而且该目标不是菜单横幅的子项。

Answer 1

position: absolute正在打破它。您请求的对齐是position: relative的默认对齐方式。

Answer 2

你当然不需要jQuery，你可以在CSS中完全解决这个问题。最上面的横幅，导航栏和图像都应该相对于父容器（它可以只是body元素，或者你可以有一个容器div）。

我知道这不是您要求的，但您可以考虑使用bootstrap或foundation这样的框架来帮助您使用常见的布局，例如您似乎正在使用的布局

Answer 3

我无法正确理解你，你可能想在其父母的底部放一个子框，如果是这样的话：
您可以将position: relative考虑到父框，将position: absolute和bottom: 0考虑给孩子。

Check this JSFiddle

Answer 4

我只需添加值padding-top

的15%即可解决此问题