Question

我的DIV图层一直存在问题 - 文字超出了DIV页脚图像，但它并不完全是DIV背景的错误，因为它重复了......在某种程度上。 :(我似乎无法弄清楚如何强制文本停止过度扩展到页脚DIV标签，同时保持DIV背景。

我的“容器”元素包含图像和其他两个元素。 “main”元素是文本的位置，“footer”元素是文本结束后的图像。

In this image here，文本覆盖页脚图像 - 绿色箭头表示页脚图像的开始位置，红色箭头表示我希望文本停止的位置。容器中的背景图像工作了一段时间然后停止了，所以我想它不能正确扩展......

我尝试使用代码来尝试修复它 - 从尝试添加填充顶部/底部，添加身体部分中的重复背景拉伸，到使用位置属性，尝试粘性页脚（除了我的布局只有一列......导航是CSS中布局的一部分），我似乎无法做到正确。

这是我能得到的最好的。 :(你们有任何有用的解决方案和/或技巧吗？非常感谢！

#container {
    position: absolute;
    width:1057px;
    height: 100%;
    background-image:url(layout/bw-div.png);
    background-repeat: repeat-y;
    border:0px;
    text-align:left;
    padding-bottom:50px;
}

#main {
    position: absolute;
    top: 256px;
    left: 126px;
    width: 830px;
    margin: auto;
}

#footer { 
    height: 358px; 
    width: 1057px; 
    bottom: 0;
    position: static;
    background: url(layout/bw-footer.png) no-repeat; 
}

Answer 1

看起来您已将页脚设置为设置的高度，这就是文本溢出的原因。

如果您发现截止文字，请尝试在页脚中添加CSS属性：overflow:hidden或overflow:scroll。

如果您不想要溢出，请尝试从页脚中删除height属性或将其设置为height:auto或类似内容。

Answer 2

与职位有关：标签＆amp;身高：标签

我怀疑它与容器中的元素有关，而不仅仅是容器。

如果您发布大部分代码，这将有所帮助，以便我们可以看到其他事情是否会破坏它。

你的问题并没有真正说明你的目标，这对我们没有帮助。

如果它像Possible same situation & answer @StackOverFlow

那样

希望这能帮到你！

文本过度扩展过去页脚DIV标记

2 个答案: