Html 如何在页脚锚定预订面板

我有这个网站，你可以看到预订面板在左侧浮动。我想把它固定在预订面板的边缘。我怎样才能做到这一点

我已经处于绝对位置，但它不起作用

更新：

---

请注意，我有一个javascript函数，可以自动重新调整横幅图像的宽度和高度，然后根据新的横幅图像高度自动放置页脚

从

.bookPanel

中删除左边距，使其如下

边距：100px 0

.bookPanel {
display: inline;
float: left;
margin: 0;
margin: 100px 0 0 0; 
position: relative;
width: 264px;
z-index: 1;
}

如果要调整顶部位置，可以减小顶部边距值，该值现在为
100px
从
中删除左侧边距。bookPanel
，如下所示
边距：100px 0

.bookPanel {
display: inline;
float: left;
margin: 0;
margin: 100px 0 0 0; 
position: relative;
width: 264px;
z-index: 1;
}

如果要调整顶部位置，可以减小顶部边距值，该值现在为
100px
去除
边距：100px 0 56px在
.bookPanel
上

然后，在位置仍然设置为“相对”的情况下，do
top:110px
去掉
边距：100px 0 56px在
.bookPanel
上

然后，在位置仍然设置为“相对”的情况下，do
top:110px
删除边距和jist类型

margin: 100px 0 0 0; 

删除边距和jist类型

margin: 100px 0 0 0; 

您需要将预订面板放置在哪里？在右边或中间？您可以将css属性
left
或
right
添加到您的类
。bookDetail
中您使用的
相对位置
我想直接添加到页脚边缘。当我直接点击书本时。book now title详细信息将淡出/淡出，并且book now部分将在页脚页面中显示为弹出窗口。您需要将预订面板放置在何处？在右边或中间？您可以将css属性
left
或
right
添加到您的类
。bookDetail
中您使用的
相对位置
我想直接添加到页脚边缘。当我直接点击书本时。book now title详细信息将淡出/淡出，book now部分将在页脚中显示为弹出窗口。只需说。在同一件事情上同时拥有头寸和保证金通常是个坏主意。如果保证金不起作用，应该使用头寸，但不能同时使用两者。只是说。在同一件事情上同时拥有头寸和保证金通常是个坏主意。如果保证金不起作用，应该使用头寸，但不能同时使用两者。