Html 固定转盘高度的问题

如何控制旋转木马的高度

        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" >
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
                <li data-target="#carousel-example-generic" data-slide-to="1"></li>
                <li data-target="#carousel-example-generic" data-slide-to="2"></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <div class="item active">
                    <img src="Images/Carousel 01.jpg" alt="...">
                </div>
                <div class="item">
                    <img src="Images/Carousel 02.jpg" alt="...">
                </div>
                <div class="item">
                    <img src="Images/Carousel 03.jpg" alt="...">
                </div>
            </div>

为.carousel编写新的css并根据需要添加高度。

为.carousel编写新的css并根据需要添加高度。

您可以使用诸如

最小高度

、

最大高度

等样式

将以下内容添加到样式表中

#carousel-example-generic{
   min-height : 300px;
}

如果有什么要覆盖您的配置，您可以添加

！重要信息

刚过300px

这些网站将对您有所帮助：

---

您可以使用

最小高度

、

最大高度

等样式

将以下内容添加到样式表中

#carousel-example-generic{
   min-height : 300px;
}

如果有什么要覆盖您的配置，您可以添加

！重要信息

刚过300px

这些网站将对您有所帮助：

---

试试这个：

.carousel .item {
  height: 300px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}

---

试试这个：

.carousel .item {
  height: 300px;
}

.item img {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 300px;
}

可能的重复可能的重复