Question

我想在div中水平排列两个div。这两个div高度灵活，因为里面有一张桌子。可以过滤表格，以便某些时候必须更改高度。我想外面的div可以动态跟随两个div。我使用高度100％的外部div来跟随两个内部div的高度，但它没有工作，因为两个内部div具有float:left样式。

Answer 1

对于你的情况，我认为你需要你的父div包含2个动态大小的孩子。您可以设置父级的属性overflow以实现该效果。

.parent{
 overflow:hidden;
}

Answer 2

我认为你要求清除花车，

这是流行的clearfix类。添加此CSS

.clearfix:before,.clearfix:after 
{
  content: "";
  display: table;
}

.clearfix:after 
{
  clear: both;
}

.clearfix 
 {
  zoom: 1; /* ie 6/7 */
 }

并为您的父级div提供课程

class="clearfix"

我已经读过它了 here

Answer 3

＆＃13;

body{
margin: 0;
}
div{
box-sizing: border-box;
border: 1px solid red;
}
.outer{
width: 80%;
margin: 0 auto;
height: 100vh;
}
.inner{
float: left;
width: 50%;
}

＆＃13;

<div class="outer">
<div class="inner">inner 1
<p>Lorem Ipsum is simply dummy text of the printing and t</p>
</div>
<div class="inner">inner 2
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1</p>
</div>
</div>

＆＃13;

内部有两个浮动div后，Div高度为100％

3 个答案: