6

我在父 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>
4

3 回答 3

14

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

div.parent{ overflow: hidden; }

没有指定高度。

于 2012-04-11T07:45:53.950 回答
5 
div.parent{ 
     display:  inline-block;
     width:    100%;
}

I found this to be a very nice solution. If you had floating children and non floating children, the height will automatically be adjusted to the min amount of space needed. The width is set to 100% to expand to the parent of the parent's width.

于 2012-08-21T18:06:00.363 回答
0

div 大小会根据它所包含的内容自动调整，除非您为内部 div 指定一些浮动。如果您有浮动 div，则可以使用此解决方案：类似问题

于 2012-04-11T07:46:18.403 回答