css将父div宽度/高度设置为滑块中的图像

我正在尝试删除/覆盖此服务器上以下div的硬编码大小

我希望根据下面的div中包含的幻灯片图像大小调整上面的div的大小，这样我就可以去掉上面的宽度/高度

幻灯片图像分区如下：

<div class="slide-image right" style="background-image: url(http://demov3.joostrap.com/images/1.jpg); background-position: 50% 0%; background-repeat: no-repeat no-repeat;"></div>

---

你知道我如何只使用CSS来实现这一点吗？

如果你在一个元素中有内联样式，它们将具有最高优先级。也许可以试着用这个！重要标志<代码>高度：自动！重要的在div class=“sequence”（在chrome inspector中）上，我可以关闭宽度并设置高度：auto！重要；-但整个div都消失了。我假设这是因为幻灯片div是一个背景图像：（请发布一些更相关的代码，比如一些CSS和HTML部分，使这两行以某种方式相关。

<div class="slide-image right" style="background-image: url(http://demov3.joostrap.com/images/1.jpg); background-position: 50% 0%; background-repeat: no-repeat no-repeat;"></div>