css - 无法正确设置 CSS 布局

Question

本站:http://dev.calffl.org

标记为测试、测试 2、测试 3 的三个底部小部件框。

注意到盒子是如何向下延伸到页脚并以一种糟糕的方式覆盖页脚的吗？

这需要取消，盒子应该高 210 像素，90 像素的叠加文本/透明固定在底部。

我显然失去了理智。

Answer 1

你的 .block 有一个固定的高度，而它的子元素有更高的高度，因此溢出了它的父元素和包装器。

通过移除 .block 上的固定像素高度，并在其包装器上设置 float :

.homepageBottomBox-widget-wrapper {
    margin: 0 auto;
    width: 100%;
    float: left;
}

然后网站包装器将效仿，尽管我不能 100% 确定您需要什么来设置透明部分的样式。但我已经添加了一张照片，看看这是否是您想要的。