css 我需要容器块的折叠行为

avwztpqn 于 2022-11-27 发布在其他

关注(0)|答案(3)|浏览(125)

我花了几个小时来寻找这个问题的解决方案。我所找到的是与所需行为相反的行为。正如标题所说，我想要的是我的“”容器在具有属性“position：fixed”时折叠并不获得高度。这是代码块。

<div style="position:fixed;right:0;bottom:0">
    <div style="float:left">First DIV</div>
    <div style="float:left">Second DIV</div>
</div>

谢谢你

css

来源：https://stackoverflow.com/questions/29143367/i-want-the-collapse-behavior-of-my-container-block

3条答案

按热度按时间

vaqhlq811#

根据评论
我想在容器中分组的多个聊天块的行为（就像在Facebook或其他网站上的常见聊天客户端）。容器是固定在右下角的窗口包含一个或几个聊天块的块。
所以，实际上，高度不是为零，而是看起来你希望div的高度不大于它的内容之和。
如果您没有在div上指定高度，则这将是固定位置div的默认值。
像这样的东西应该足够了。
第一个

赞(0）回复(0）举报 2022-11-27

vlju58qv2#

我想我有了问题的答案。我在主容器和具有绝对位置的元素之间放了一个中间容器。代码变成了：

<div id="main_container">
  <div id="middle_container">
    <div class="element">First DIV</div>
    <div class="element">Second DIV</div>
    ...
  </div>
</div>

#main_container{
position : fixed;
right : 0;
bottom : 0;
}
#middle_container{
position : absolute;
right : 0;
bottom: 0;
}
.element{
float : left;
}

感谢大家的回复。很抱歉问题描述不清楚。

赞(0）回复(0）举报 2022-11-27

uqjltbpv3#

将height：0px和overflow：hidden添加到容器div中

赞(0）回复(0）举报 2022-11-27