返回顶部

收藏

纯css使列等高

更多

不用javascript而使列等高

<!doctype html>
<html>
<head>
<style type="text/css">
.wrapper {
  overflow:hidden;
  background: blue;
  height: 200px;
  width: 200px;
  float: left;
}
.column {
  margin-bottom: -2000px;
  padding-bottom: 2000px;
  width: 50px;
  display: inline;
  float: left;
}
#column1 {
  background: red;
}
#column2 {
  background: green;
  float: right;
}

</style>
</head>
<body>
<div class="wrapper">
<div class="column" id="column1">
这是第一列的内容
</div>
<div class="column" id="column2">
这是第二列的内容。这是第二列的内容。这是第二列的内容。这是第二列的内容。这是第二列的内容。这是第二列的内容。这是第二列的内容。
</div>
</div>

shared by outofmemory.cn
</body>
</html>

标签:css

收藏

0人收藏

支持

0

反对

0

发表评论