尝试填充/边距后，css中div的位置没有变化

Question

我正在处理一个我正在研究的joomla网站的问题

它昨天得到修复，但现在客户想要进行更小的幻灯片放映，我又回到原点同样的问题。

http://dev.turnim.com/clients/dance/

全屏幻灯片下面是公司徽标，在徽标上方我有一些非常奇怪的空间。我尝试了所有我想到的消除或调整空间的东西，但是firebug根本没有任何帮助

幻灯片显示有自己的模块位置和公司徽标，包括预告文本

任何帮助，如何解决这个问题，都将受到高度赞赏

Answer 1

这是因为您的滑块（.tm-fullscreen）会自动将其高度调整为不同的窗口高度并将其余内容向下推。根据theme.js：46：

fullscreenPos.css("height", win.height() - headerbar.height());

您可以禁用它，也可以在CSS中设置：

.tm-fullscreen { 
    max-height: 300px /* Or desired height */
}

防止它扩大。

Answer 2

.tm-fullscreen有一个高度内联在某处应用了javascript（可能在幻灯片的插件中）。

Alain是正确的，但是如果你想要一个纯粹的（虽然是hacky）CSS修复，你可以这样做：

@media only screen and (max-width: ABCpx) {
    .tm-fullscreen {
        height: XYZpx !important;
    }
}