为什么css高度不起作用

Why is css height not working?

本文关键字：不起作用 高度 css 为什么      更新时间：2023-09-26

如果我试图设置元素的高度，我就无法让它工作。我试过用css和jquery来做，但都没有结果。

这是我尝试过的css：

#slider{
 width:100%;
 height:100%;
 background-image: url(/img/background.jpg);
 background-size: 100%;
}

这是Jquery代码

var screen_height = $(document).height();
$('#slider').css('Height', screen_height );

有人知道怎么解决这个问题吗。这不是我第一次遇到这个问题，通常我可以用Jquery解决它，但现在即使这样也不起作用。

因此，如果要在#page中插入另一个页面，则需要在加载完成时添加滑块的高度。

$( "#page" ).load( "content.php", function() {
    $('#slider').height( $(window).height() );
});

或者像这个

$( "#page" ).load( "content.php", function() {
    $('body').find('#slider').height( $(window).height() );
});

试试这个：-

var screen_height = $(document).height();
$('#slider').css('height', screen_height );

或

$('#slider').height(screen_height );

要使height: 100%;在#slider中工作，还必须在其父级中设置显式高度。或者，在所有祖先中设置相对高度，直到并包括html或具有显式高度设置的祖先。

使用此演示

var screen_height = $(document).height();
$('#slider').css({height: screen_height});
相关文章：