3

我对 css 有问题，我制作了 html 布局，需要让 bluebox 位于搜索框上方的底部，如果 bluebox 上方有内容，则 bluebox 将下降，因此在 bluebox 和上面的内容之间存在间隙。但如果没有内容，蓝框将位于搜索框上方的底部。

你可以在这里看到html：

http://projects.elixirbox.com/lanrex/test.html

你可以在这里看到我的意思 - http://projects.elixirbox.com/lanrex/view.png

谢谢

4

2 回答 2

1

我认为您需要使用“粘性页脚”技术，使用负边距。页脚（或在您的情况下为“行动号召”框）的唯一缺点需要具有固定的高度。

如果您需要动态高度，则需要涉及 javascript。但是使用具有一些默认高度的相同的粘性页脚 css，然后用 JS 调整它，所以它不仅仅是纯 JS。

https://gist.github.com/1855032 或 http://ryanfait.com/sticky-footer/

于 2012-12-07T09:18:27.957 回答
0

我希望你看起来像这样：-

.greybox {
    background: none repeat scroll 0 0 lightgrey;
    padding: 20px;
}

.bluecorner {
    background: url("../images/bg_blue_corner.jpg") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    margin-top: 20px;
    padding: 0;
    width: 315px;
}

并且没有必要定义我们可以position-absolute根据.bluecorner您的图像通常使用margin-top获得所需的结果......

请参阅参考图片我是如何做到的......

在此处输入图像描述

于 2012-12-07T09:28:55.320 回答