html - 如何设置两个相对位置div对齐top

Question

查看完整代码:

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 div 顶部对齐，其中 .two div 将响应宽度和高度。

这里我在 .two div width: 80%; 中使用了也不是全宽。

Answer 1

如果我理解正确的话，这应该有效:

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

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