padding-top for display：table-cell

Question

这是实时链接： http://whiterootmedia.com/test/test8/

我需要在“内容”div中移动菜单内容。这是带有内联css的开始标记：

<div id="content" style="padding-top:43px; border:solid yellow 1px;  display:table-cell; min-width:945px; height:100%;">

如果我增加填充，它会向下移动“right_column”div中的内容。

Answer 1

原因是两个div元素（在CSS意义上）是同一行的单元格。当您增加一个单元格的高度时，另一个单元格的高度也会增加。其内容会下降，因为表格单元格中的默认vertical-align为middle。

要解决此问题，请添加以下内容：

#right_column {
  padding-top: 43px;
  vertical-align: top;
}

Answer 2

在你的桌子上添加样式margin-top: 40px;

<table class="sttb" cellspacing="0" cellpadding="1px" style="margin-top: 40px;">

当然可以将它放在样式表中。