2013-05-04 74 views
2

我正在一个网站上工作,我终于几乎完成了。我只有一个问题。右侧(黑板)上的表格单元格的顶部有一个空格,我不知道如何摆脱它。直到我把照片放在它的左边,这很好。由于未知原因div的空间

据我所知,因为他们在不同的div。

有人可以帮忙吗?谢谢!

的URL是thecheesepatch.com

+1

我真的喜欢Chrome的调试器检测这样的事情。您可以轻松地进行“即时”更改,并查看导致事件发生的原因。 (在这种情况下,它是“右容器:vertical-align:top;”) – 2013-05-04 17:33:08

+0

我正在使用它,但这是我第一次使用表格单元,并没有意识到vertical-align函数,我仍然有点菜鸟。 – 2013-05-04 17:45:48

回答

2

.right-container被设置为显示为表格单元和垂直对齐于底部。分配此属性.right-container,你是好去:

.right-container { 
    vertical-align: top; 
} 
+0

哇。这很容易,谢谢你救了我头痛。 – 2013-05-04 17:41:03

1

尝试设置vertical-align:top;表样式。和margin:0;

0

.right-container显示为table-cell并且没有设置垂直对齐。

指定垂直对齐.right-container,它会作品应该:

.right-container { 
    vertical-align: top; 
}