时间戳

首页 > 解决方案 > 身高没有改变/在我的网站上工作

html - 身高没有改变/在我的网站上工作

问题描述

幻灯片上我的身高没有变化。

我试过高度，最小高度和最大高度。我也检查了here和google，但没有任何效果。

HTML：

<div class="container show">
    <div id="myCarousel" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="images/46e3dd55b6cc4f1df004cabd85cbaac6fc8e1218.jpg" alt="Los Angeles" style="width:100%;">
                <div class="carousel-caption">
                    <h3>Los Angeles</h3>
                    <p>LA is always so much fun!</p>
                </div>
            </div>
            <div class="item">
                <img src="images/black.jpg" alt="Chicago" style="width:100%;">
                <div class="carousel-caption">
                    <h3>Chicago</h3>
                    <p>Thank you, Chicago!</p>
                </div>
            </div>
            <div class="item">
                <img src="images/46e3dd55b6cc4f1df004cabd85cbaac6fc8e1218.jpg" alt="New York" style="width:100%;">
                <div class="carousel-caption">
                    <h3>New York</h3>
                    <p>We love the Big Apple!</p>
                </div>
            </div>
        </div>
    </div>
</div>

CSS：

.show{
    margin-top: 250px;
    width: 100%;
    max-height: 100px;
    position: fixed
}

任何帮助表示赞赏并提前感谢

标签： htmlcss

解决方案

将此添加到您的 CSS 文件中 -

.item{
height: 100px;
}

它会很好地工作..希望它有所帮助！:)

推荐阅读