html - 将响应式输入与图像 block 对齐

Question

我想在响应式输入栏的左侧对齐一个 div block 。

但我在让它响应时遇到了问题，如果你在全屏上查看它没问题但仍然没有响应，在较小的屏幕上它会分开。

<div class="reply_placeholder">
  <div class="logo"></div>
  <input type="text" class="input" placeholder="Click here to reply">
</div>

http://jsfiddle.net/499u5ka6

Answer 1

试试这个:

.logo {
  width: 50px;
  height: 50px;
  background-image: url("http://placekitten.com/g/200/200");
  background-size: cover;
  background-position: center center;
  float:left;
}

.reply_placeholder input {
  height: 50px;
  padding: 0px;
  border: none;
}

我希望这就是您要找的。