列出窗口缩小时移动的项目？

Question

我几天都在努力解决这个问题。我可以解决这个问题，但以这种方式修复它并不能给我带来预期的效果。

当我缩小时，我的一个列表项会下降到下一行。我怎样才能阻止这种情况发生？

如果你缩小你，你会看到＆＃34;下降到下一行 http://jsfiddle.net/j5u2Q/

如果我从.middle中删除边框并增加填充，使其宽度完全相同，则问题不会出现？边界有问题吗？

#banner li.middle {padding: 0 16px; border-left: 1px solid #959595; border-right: 1px solid #959595;}

谢谢，

Answer 1

尝试向您的容器添加min-width和max-width。如果需要，高度相同。边框也会为元素添加边距，使得每边都有更多定义的像素（或缩放像素）。

Working Fiddle

Answer 2

你试试吗

#container {width: 100%;}