无法获得正确的CSS布局
无法获得正确的CSS布局
提问于 2013-08-23 23:19:31
本网站：http://dev.calffl.org
下面三个小部件框标记为test、test 2、test 3。
注意框是如何向下延伸到页脚并以不好的方式覆盖页脚的吗？
这需要消失，盒子应该是210 of高，90 of的叠加文本/透明度锚定在底部。
我显然是疯了。
回答 2
Stack Overflow用户
回答已采纳
发布于 2013-08-23 23:30:31
您的.block有一个固定的高度，而它的子元素具有更高的高度，从而溢出了它的父元素和包装器。
通过删除.block上固定的像素高度，并在它的包装上设置一个浮点：
.homepageBottomBox-widget-wrapper {
margin: 0 auto;
width: 100%;
float: left;
}然后，网站包装将效仿，虽然我不是100%确定您需要什么在造型的透明度部分。但我加了一张照片看看你想要的是什么。
Stack Overflow用户
发布于 2013-08-23 23:32:33
通过以下方式提高透明度：
- 将
position:relative添加到widget_sp_image类(或仅添加小部件类) - 将
position:absolute;bottom:0px设置为小部件_sp_image-description类。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18413247
复制相关文章
相似问题
腾讯云开发者
