div带有图像滑块不仅在Safari中继承高度

Question

我正在为单个页面存储使用Flickity滑块。我将高度设置为桌面屏幕上父级的100％。但是，这在Chrome上很好地工作，但是不仅在Safari上可以使用。

html：

<div class="product__container">
        <div class="product__image--container">
            <div class="main-carousel">
                <div class="carousel-cell img--two"></div>
                <div class="carousel-cell img--one"></div>
            </div>
        </div>
        <div class="product__description--container">
            
            <div class="product__description--aligner">
            
                <h1 class="product__title" style="margin-bottom: 0px; margin-top: 0px;"><strong>MYSTERY BOX</strong></h1>
                <p class="product__price">$25</p>
                <p><strong>The stuff:</strong> we spend our days working with cool brands with even cooler products.</p>
            
                <div id='product-component-83d33f1cc51'></div>
            
            </div>
</div>

Answer 1

这听起来像是浏览器兼容性错误。特别是如果该元素根本不起作用。(您的问题尚不清楚它是否根本不起作用或显示怪异。(尝试浏览器兼容性检查器。我喜欢browsershots.com，但是还有许多其他免费工具可以检查。