如何设置两个相对位置div对齐顶部

时间:2014-12-10 12:28:30

标签: html css

请参阅此处的完整代码:

http://jsfiddle.net/jx2jc0xv/

.one {
  position: relative;
  display:inline-block;
  width:70px;
  background-color: #ddd;
}
.two {
  position: relative;
  display:inline-block;
  width:80%;
  background-color: #ddd;
}

我想设置 .one .two divs align top .two div将响应宽度和高度。

这里我用的是 .two div width: 80%;,它也不是全宽。

1 个答案:

答案 0 :(得分:0)

如果我理解正确,这应该有效:



.one {
  position: relative;
  top: 0;
  float: left;
  width:70px;
  background-color: #ddd;
}

.two {
  position: relative;
  top: 0;
  float: left;
  width:80%;
  background-color: #ddd;
}