我在设计我正在设计的网站时遇到问题。
在页面顶部有三个蓝色div，我在其下面放置了四个红色div。每个红色div只占不到页面宽度的四分之一。
在最右边的蓝色div中输入一个输入字段后，红色div的位置向右移动，一些红色div显示在其他位置之下。
我已尝试更改各种div上的位置属性但似乎无法恢复我想要的布局并尝试添加边距但无济于事。
任何人都可以在我的代码和/或布局中看到问题吗？任何帮助将不胜感激，我已将所有代码包含在JSfiddle页面中。
非常感谢。
enter code here<style type="text/css">