html – 如何根据子DIV中的内容自动调整父DIV高度？

发布时间：2020-12-14 18:55:39 所属栏目：资源来源：网络整理

导读：我在父DIV中有一个父DIV我在左边有两个DIV,第二个在父DIV内右边我想当我在左边或右边div标签中写任何内容时父DIV将根据高度自动调整左或右DIV标签.. 如何编写.css文件来执行此操作？根据设计视图中的子div不会调整主DIV：请查看我的代码： div style="padd

我在父DIV中有一个父DIV我在左边有两个DIV,第二个在父DIV内右边我想当我在左边或右边div标签中写任何内容时父DIV将根据高度自动调整左或右DIV标签..

如何编写.css文件来执行此操作？

根据设计视图中的子div不会调整主DIV：

请查看我的代码：

<div style="padding: 8px; overflow: hidden; background-color: #FFFFFF;">
    <div style ="float:left">
        <p>Hi,Flo!</p>
      </div>
      <div style ="float:right; height: 180px;"> 
        <p>is</p>
        <p>this</p>
        <p>what</p>
        <p>you are looking for?</p>
      </div>
    </div>

解决方法

如果两个子div是浮点数,那么你可以使用：

div.parent{ overflow: hidden; }

没有指定高度.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!