如何在css中调整div框？

请看这个链接：

http://jsfiddle.net/eJTGr/

如果您最小化“Javascript”区域,以便“结果”区域被放大,您将看到它是两个白色方框,每个方框旁边都有一个灰色边框,末尾有一个黑框,略有不合格.

这是如何与两个白框一致的？

谢谢！

詹姆士

解决方法

您可以将.button1的位置设置为relative,并添加top属性.这样做可以让你将按钮向下移动几个像素 – 在你的情况下为6像素.

你的.button1类就是

.button1 {
    height: 35px;
    width: 60px;
    background: #151515;
    border:1px solid;
    border-color: #BDBDBD;
    display: inline-block;
    horizontal-align: center;
    position:relative;
    top:6px;
}