在相对容器中保持100％的宽度？

Question

我有这样的东西

onkeypress="this.onclick()" 

在Chrome中看起来像我想要的。

但在IE 11和FF中

我需要添加什么以使div中包含灰色栏？

Answer 1

添加width:100%;而不是right:0;。这将始终使内部框的边缘紧贴左侧和右侧。

Answer 2

问题是.container的固定高度。如果您可以控制这些图像的大小，则只需删除图像上.container和display: block;的固定高度即可删除其下方的间距。

如果您需要它来适应不同的宽高比，那么它会变得更加复杂，并且永远不会有看起来完美的完美解决方案。