Css填充不能正常工作

Question

我正在www.recaccesorios.com的主页上工作，我正在努力填充。两个元素之间的垂直距离太大，我不知道为什么这样做。我会告诉你Google Chrome的检查：

正如您所看到的，Chrome告诉我顶部填充为0或null，但在图像中您可以看到它不是真的。发生了什么事？

我可怕的CSS（不是整个CSS，我不能放在这里超过3000行......）：

#galeria {

-moz-border-radius: 4px;
-webkit-border-radius: 4px;
background-color: rgb(222,222,222);
background-color: rgba(222,222,222,0.8);
border: 1px solid #e5e5e5;
border-radius: 4px;
/* padding-bottom: 40px; */
width: 100%;
}

#galeria > h5 {
text-align: center;
}

#noticias > h5 {
text-align: center;
}

#noticias a {
color:#555;
}

#noticias p {
text-align : justify;
padding-left:12px;
padding-right:12px;
}

#noticias {
height:292px;
}

#vistaPrevia {
position: absolute;
z-index: 6;
top: 40px;
display: none;
}

#galeria > img {
display: block;
margin-left: auto;
margin-right: auto;
}

#galeria > span {
margin-left: 5px;
}
#noticias {

-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
background-color: rgb(222,222,222); 
background-color: rgba(222,222,222,0.8);
border: 1px solid #e5e5e5;
border-radius: 4px;
/* padding-bottom: 40px; */
width: 100%;
}

.td-galeria {
padding-right: 6px;
padding-left: 0px;
border-color:transparent;
width:50%; 
height:300px;
}

.td-noticias {
padding-left: 6px;
padding-right: 0px;
}

Answer 1

我认为问题是重置在CSS文件vertical-align: baseline;的第42行，这似乎导致了Chrome问题。

这解决了这个问题：

#tablaInicio td {vertical-align:}

但这很奇怪。

编辑：

发现为什么奇怪;它是一个导致额外高度的JS脚本。

Answer 2

问题存在于Style.css的第42行;

删除vertical-align:baseline;

并且也正确

#tablaInicio td {vertical-align:}

Answer 3

我们需要看到你的CSS才能更好地理解这一点。但是，我猜你已经在代码中的其他地方声明了填充。

在CSS文件中，将填充值行更改为： -

“填充：0px！important”;

！important消息表示它将忽略您尝试为填充设置的任何其他值。

我希望这会有所帮助。