左右两列同高

简介: 实现左右两个div高度随着另一个div高度的变化而变化,取最大值 下面上css.content { display: table;}.left { display: table-cell; width: 200px; /*如果两个div需要隔开,我们可以设置div的边框*/ border-right: 20px solid #f2f2f2;}.

实现左右两个div高度随着另一个div高度的变化而变化,取最大值

<div class="content">
  <div class="left"></div>
  <div class="right"></div>
</div>

下面上css

.content {
  display: table;
}
.left {
  display: table-cell;
  width: 200px;
  /*如果两个div需要隔开,我们可以设置div的边框*/
  border-right: 20px solid #f2f2f2;
}
.right {
  display: table-cell;
  vertical-align: top;
  width: 550px;
}

 

每一次的记录,都是向前迈进的一步
目录
相关文章
|
前端开发
Bootstrap - 列排序,列偏移,列嵌套
Bootstrap - 列排序,列偏移,列嵌套
68 0
|
索引 Python
pandas 按某一列A排序,按B和C两列分组,选择分组后A列值最大的行
pandas 按某一列A排序,按B和C两列分组,选择分组后A列值最大的行
Panda处理CSV文件,如果A列值为空,则用B列值填充,如果B列值仍为空,用C列值填充A
Panda处理CSV文件,如果A列值为空,则用B列值填充,如果B列值仍为空,用C列值填充A
|
C# 索引
C#编程-71:dataGridView获取行列坐标索引和值
C#编程-71:dataGridView获取行列坐标索引和值
342 0
|
JavaScript 前端开发 .NET