CSS浮动/内联块问题

Question

• 请您检查一下this jsFiddle？
• 调整“结果”框架的宽度。
• 观察盒子的布局在2到3之间切换 列。

这个故障很烦人我希望布局看起来像这样，即使我调整窗口大小，也要保持这样：

_________
| ▄ ▄ ▄ |
| 1 2 3 |
| ▄ ▄ ▄ |
| 4 5 6 |
¯¯¯¯¯¯¯¯¯

你能改变HTML / CSS来完善布局并摆脱故障吗？

提前致谢！

Answer 1

http://jsfiddle.net/znPGj/3/通过在img框中设置px高度来修复它

Answer 2

查看此示例http://jsfiddle.net/sandeep/znPGj/4/ css：

a {
    float:left; 
    width: 33%;
    margin: 0;
    padding: 4px 0;
    color: #000;
    font: medium sans-serif;
    text-align: center;
}
a:nth-child(4){clear:both}
img {
    width: 80%;
}

Answer 3

您可以将img中的所有div换行并在width上设置特定div

示例：http://jsfiddle.net/jasongennaro/znPGj/5/

Answer 4

您是否尝试将宽度降至32％？为我工作，但我没有在许多浏览器上测试。