使用内部子 div 的内容扩展父 div 的高度

发布于 2024-10-01 01:55:55 字数 550 浏览 5 评论 0原文

我对此没有太多细节,但希望我可以借鉴其他人对此事的知识。

我有一个 div,它设置了最小高度。该 div 包含内容并在 .net 转发器中重复多次。

这很好用。

主 div 内还有另一个 div。这包含更多可以跨越多行的内容。我遇到的问题是,如果子 div 高于父 div,则父 div 的高度不会扩展。由于它位于转发器中,子 div 的内容会扩展到下一个父 div。有没有办法通过 css 我可以扩展父 div,以便随着子 div 的内容扩展。

这是我的标记的一个非常缩小的版本:

    <div class="row">This is content ... blah blah<div class="child">ahdshfjhdsfjk <br/><br /><br /><br /><br />jkljlkj<br />jjkljl<br /></div></div>

任何关于如何解决这个问题的帮助都会很棒

I dont have much detail for this but hope I could draw on others knowledge on this matter.

I have a div which has a minimum height set on it. This div contains content and is repeated multiple times in a .net repeater.

This works fine.

Within the main div is another div. This contains more content of which can span multiple lines. The issue I have is that if the child div is higher than the parent div, the parent div does not expand in height. And as its within a repeater, the content of the child div expands onto the next parent div. Is there a way via css I can expand the parent div so that expands with the content of the child div.

This is a very much scaled down version of my markup:

    <div class="row">This is content ... blah blah<div class="child">ahdshfjhdsfjk <br/><br /><br /><br /><br />jkljlkj<br />jjkljl<br /></div></div>

Any help would be great as to how to fix this

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

清晰传感 2024-10-08 01:55:55

据我记得,您可以尝试在包含的 div 末尾添加一个“clear”,如下所示:

<div class="row">
   This is content ... blah blah
   <div class="child">
      ahdshfjhdsfjk
      <br/><br /><br /><br /><br />
      jkljlkj
      <br />
      jjkljl
      <br />
   </div>
   <br style="clear: both;" />
</div>

From what I remember you can try adding a "clear" at the end of your containing div like so:

<div class="row">
   This is content ... blah blah
   <div class="child">
      ahdshfjhdsfjk
      <br/><br /><br /><br /><br />
      jkljlkj
      <br />
      jjkljl
      <br />
   </div>
   <br style="clear: both;" />
</div>
你与清晨阳光 2024-10-08 01:55:55

这就是为什么最好了解标准 html 和 css,而不是了解隐藏信息的专有 .NET 内容。你所展示的应该是你想要的。问题在于 CSS,如果没有 CSS,一切都是疯狂的猜测,但可能与内部 div 浮动或以其他方式定位有关。

This is why it's better to know standard html and css and not proprietary .NET stuff that hides things from you. What you show should do what you want. The issue lies in the CSS and without that, everything's a wild guess but probably related to the inside div being floated or otherwise positioned.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文