div 宽度（或我可以开始工作的高度）不会随内容扩展

Question

是的，我知道这是一个副本，但我仍然无法修复它。我试过删除宽度，但 div 始终是整个页面的宽度。 CSS 对于 div:

.forum-post{
background-color: #F5DBA6;
margin-top: 20px;
border 3px solid #737D72;
min-width: 30%;
}

html 对于 div:

<ul class="forum-replies">
    {% for reply in replies %}
    {% if reply.what_thread == 0 %}
    <li>
      <div class="forum-post">
          <h4 style="margin-top: 0px;"><text style="color: blue;">{{reply.title}}</text> - {{reply.name}} #{{reply.id}}- {{reply.date}} <a href="/b/{{reply.id}}">{Reply}</a></h4>
          {% if reply.filename %}
          <p style="margin-top: -20px;"><img src="{{url_for('static', filename = reply.filename )}}" height="100px" width="100px" align="left;" style="vertical-align: top;"/>
              {{reply.data|safe}}</p>
          {% else %}
          <p>{{reply.data|safe}}</p>
          {% endif %}

      </div>
    </li>

所有 css 如果重要的话：

    <style>
    body {background-color: #82D57D ;}
    </style>
    <style>
    html, body, #fullheight {
    min-height: 100% !important;
    height: 100%;
}


      .home-container{
    background-color: rgb(190, 171, 239);
    height: auto;
    width: 1520px;
    border: 2px solid rgb(255, 255, 255);
    margin-left: 200px;
    margin-right: 200px;
    }

    .forum-post{
    background-color: #F5DBA6;
    margin-top: 20px;
    border 3px solid #737D72;
    margin-right: 600px;
    }


    .banner{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 50%;
    height: 300px;
    width: 300px;
    }


    .link{
    text-decoration: none;
    color: grey;

    .t{
    color: blue;
    }

    }

我在几个小时内尝试了几种方法。我不想使用 overflow:auto 因为我不想要滚动条并且希望 div 实际上变大。在添加图像和其他一些我不确定发生了什么的事情之前，它曾经做得很好。 如果有什么不明白的请lmk 编辑：对于令人困惑的标题感到抱歉，我的意思是我希望宽度增加直到 div 到达它所在的 div 的末尾。然后我希望它的高度增长。所有 {{}} jinja 变量都是文本，除了 img 编辑#2：div 在 home 容器里面 div 顺便说一句，div 不在任何东西里面

Answer 1

您可以将 max-width: fit-content; 应用到父级 div 加上 word-break: break-word; 以在达到最大宽度限制后换行文本。

div 宽度（或我可以开始工作的高度）不会随内容扩展

divs width (or height whichever one I can get to work) will not expand with content

html

css

jinja2