0

我有一个 div 浮动在图像旁边，它是一个帖子列表。右侧的 div 在项目符号列表中保存有关该特定帖子的信息。div 不是完全流动的，但会在某些断点处改变宽度。div 我希望图像的最小高度始终相同。在内容的顶部和底部的 div 内有图像，我想在 div 的顶部和底部显示它们。

我可以让框延长图像的长度和位置：相对底部图像，因此它是流畅的，或者我可以让图像是位置：绝对在 div 内，即位置：相对。但这会扼杀流动性。

我可以两者兼得吗？

这是我的小提琴：http: //jsfiddle.net/4Kyye/1/

和CSS：

* {
    box-sizing: border-box;
}

.specials-module-inside {
margin: 30px auto 30px auto;
width: 720px;
overflow: auto;
}

.absolute {
    position:absolute;
    bottom: 5px;
}

h3 {
text-align: center;
margin-bottom: 20px;
color: #231f20;
font-family: steelfish, helvetica, arial, sans-serif;
font-size: 30px;
letter-spacing: 3px;
text-shadow: 1px 1px 0 #ffffff, -1px -1px 0 #ffffff, -1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -2px 2px 0px #d9c09e;
}

.info-box-small {
float: right;
margin: 0;
padding: 5px;
width: 286px;
color: #231f20;
border: 1px solid #5a5655;
min-height: 220px;
position: relative
}

.full-width-image {
width: 100%;
}
4

1 回答 1

0

解决了。显然这是一个错误，但如果你在你的 css 中相对定位 html 标签，它是流动的并且绝对定位在父容器中。

于 2014-05-23T17:09:51.157 回答