gpt4 book ai didi

CSS - 绝对定位和流体宽度

转载 作者:行者123 更新时间:2023-11-28 10:24:18 26 4
gpt4 key购买 nike

我有一个 div float 在图像旁边,它是一个帖子列表。右侧的 div 在元素符号列表中包含有关该特定帖子的信息。 div 不是完全流畅的,但确实会在某些断点处改变宽度。我想要图像的最小高度始终相同的 div。在内容之间的顶部和底部的 div 中有图像,我想在 div 的顶部和底部显示的细丝。

我可以让方框扩展图像的长度和position:relative于底部图像,因此它是流动的,或者我可以让图像在position:absolute位置的 div 内,这是position:relative的。但这会破坏流动性。

我可以同时拥有吗?

这是我的 fiddle : 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%;
}

最佳答案

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

关于CSS - 绝对定位和流体宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23812864/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com