我有一个问题，div中的元素看似随机对齐，没有响应任何对齐标记，并且div在其元素之上或之下创建额外空间。我正在使用960网格系统而且我没有改变库存CSS文件，以免我的手指炸掉它。
我已经设置了一个测试页here，请原谅一些狡猾的代码:-D
它还处于早期阶段（就像我一样），但我不觉得我能继续前进，直到我能够轻松地理解导致问题的原因。
该页面上的最佳示例是底部水平栏和下方的元素。条形图添加了一些死区空间，下面的元素与各自div的不同部分对齐。
为什么在没有指令的情况下元素似乎没有标准化它们的对齐，以及在没有给出指令的情况下又是什么导致了额外的空间呢？
我自己的想法是将所有内容单独定位，但我担心这会导致问题并“打破”网格。除此之外，我不知道。
由于
答案 0 :(得分：0)
其中一个问题是#horizontal-bar-footer的高度为25px，高于hr行的需求。将height设置为0px，然后添加一些padding-bottom以使页脚在其上方留出一些空间。
这应该让“汤姆自己的设计”成为一部分。对于类似Facebook的按钮，请将其添加到main.css：
.fb_iframe_widget span {
vertical-align: top;
}