css样式布局

如何让两个兄弟div元素保持相同的高度?

将div2先浮动再父元素内部,父级元素清除浮动,div1元素使用absolute定位,top:0,left:0,buttom:0,就可以让div1的高度始终保持和div2一致。

<div>
    <div class="dom2"></div>
    <div class="dom1"></div>
</div>
<style>
.dom {
  width: 200px;
  position: relative;
}

.dom1 {
  width: 100px;
  min-height: 100px;
  float: right;
}

.dom2 {
  position: absolute;
  width: 100px;
  left: 0;
  top:0;
  bottom: 0;
}
</style>
上一篇:Bootstrap的使用


下一篇:前端面试题 - css