jquery - JS fiddle : Making div occupy 100% height

标签 jquery html css jsfiddle

我正在准备一个 fiddle 来问另一个问题,但在制作 fiddle 时无意中遇到了另一个问题。

这是 fiddle 的链接.

HTML代码:

<div class="outer-container">
            <div class="inner-container">
                <div class="slider-one slide" style="background-image:url('http://208.131.135.54/~imacre17/wp-content/uploads/2015/03/homeslide1a.png'); height: 100%; background-size: cover;" class="slider-background-image' ">
                    <div class="slide-inner-container">

                        <div class="clearfix"></div>
                    </div><!-- /.slide-inner-container -->
                </div><!-- /.slide -->
                <div class="slider-one slide" style="background-image:url('http://208.131.135.54/~imacre17/wp-content/uploads/2015/02/2-Home-membership.jpg'); height: 100%; background-size: cover;" class="slider-background-image' ">
                    <div class="slide-inner-container">
                        <!-- More content here soon -->
                    </div><!-- /.slide-inner-container -->
                </div><!-- /.slide -->
                <div class="slider-one slide" style="background-image:url('http://208.131.135.54/~imacre17/wp-content/uploads/2015/02/2-Home-special-events.jpg'); height: 100%; background-size: cover;" class="slider-background-image' ">
                    <div class="slide-inner-container">
                        <!-- More content here soon -->
                    </div><!-- /.slide-inner-container -->
                </div><!-- /.slide -->
                <div class="slider-one slide" style="background-image:url('http://208.131.135.54/~imacre17/wp-content/uploads/2015/03/CORKHome-_position4.jpg'); height: 100%; background-size: cover;" class="slider-background-image' ">
                    <div class="slide-inner-container">
                        <!-- More content here soon -->
                    </div><!-- /.slide-inner-container -->
                </div><!-- /.slide -->


            </div><!-- /.inner-container -->
        </div><!-- /.outer-container -->

有四个类为.slide 的div,每个div 都以内联样式添加了背景图像。每个 div 也应用了 100% 的高度。

如果我在 HTML 页面中应用相同的样式,一切都很好,这里是 link .如何让 div 占据 100% 的高度。

最佳答案

你可以添加position:fixed; height:100%; 滑动类

关于jquery - JS fiddle : Making div occupy 100% height,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30833684/

相关文章:

jQuery Linkify 插件 : Can't handle links that end in parenthesis

html - 以右浮动元素为中心的元素

javascript - 动态添加javascript打字计时器

javascript - 基于复选框添加和删除 URL 参数

jquery - 单击时停止悬停鼠标悬停

javascript - 如何将参数传递给 eval() javascript 中的字符串?

HTML5 模板标签不适用于边缘?

javascript - 使用 javascript (JQuery Tools Scrollable) 中心更改 CSS 宽度

python - IMG() 中的 Web2Py CSS 样式

javascript - 如何使 JQuery 步进器/微调器按钮在按下时更快地通过列表?