左右两列同高

简介: 实现左右两个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;
}

 

每一次的记录,都是向前迈进的一步
目录
相关文章
|
2月前
包含多列或多行的单元格
包含多列或多行的单元格。
28 1
|
2月前
|
数据采集 数据挖掘 数据处理
Pandas技巧:如何将一列数据轻松分隔为两列
Pandas技巧:如何将一列数据轻松分隔为两列
127 0
|
前端开发
Bootstrap - 列排序,列偏移,列嵌套
Bootstrap - 列排序,列偏移,列嵌套
98 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
|
JavaScript 前端开发 .NET