没有浮动的2个DIV彼此相邻

Question

DIV＃1的内容是图像，DIV＃2的内容是输入文本字段。

#1 {
  width: 48px;
  height: 48px;
}

#2 {
  height: 48px;
}

我不想使用浮点数，因为＃1的图像在缩放页面时会破坏布局。 我尝试了一个表，但后来我无法设置边距和填充。 还试过显示：inline-block但是我也不能使用填充/边距。

我在整个页面上使用％sizing，但填充除外，所以它都适用于缩放和不同的分辨率。

Answer 1

Working DEMO

确保它们所在的容器具有与DIV相同或更宽的宽度（合并）并使用此CSS：

#1, #2 { display: inline-block }

你也不能在<HTML5中使用数字作为ID，所以我在演示中使用了a，b而不是1,2。

只要容器宽度足够，您就应该可以在此示例中使用填充/边距。