我在设计一个网站时遇到了一个问题。
在页面的顶部有三个蓝色的div，下面我放置了四个红色的div。每个红色的div只占不到页面宽度的四分之一。
在最右边的蓝色div中放置一个输入字段后，红色div的位置会向右移动，并且一些红色div会出现在其他div的下方。
我试过改变各种div的位置属性，但似乎无法恢复我想要的布局，并尝试添加边距，但无济于事。
谁能看到问题在我的代码和/或布局?任何帮助都将非常感谢，我已经将所有代码包含在JSfiddle页面中。
许多谢谢。http://jsfiddle.net/4cb5za9y/enter code here<style type="text/css">
输入后缺少一个</div>，这破坏了布局。这是更新后的小提琴