填充,顶部显示:表细胞

问题描述:

这里是活链接: http://whiterootmedia.com/test/test8/填充,顶部显示:表细胞

我需要将菜单内容下移在“内容”股利。这里是内联css的开始标签:

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

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

在你表添加样式margin-top: 40px;

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

可选当然在样式表把它扔。

原因是两个div元素是(在CSS意义上)同一行的单元格。当你增加一个细胞的高度时,另一个细胞的高度也会增加。其内容下降,因为表单元格中的默认vertical-alignmiddle

为了解决这个问题,添加以下内容:

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

感谢这有助于尤卡! – 2012-01-28 07:20:24