我正在尝试创建类似以下JSFiddle的内容，但遇到一些问题。我试图在一个部分中做我的版本，它与其他东西并列。目前我有这个
std::vector因此滑块部分仅位于#include <vector>
constexpr unsigned int numberOfPoints = 100;
std::vector<point_clouds> buffer(numberOfPoints);
scan_point_clound_func(buffer.data(), buffer.size());
point_cloud p = buffer[0];
内部，占据了screeen和<section class="no-padding" id="portfolio">
<div class="col-lg-6 col-sm-6" id="portfolio-left">
</div>
<div class="col-lg-6 col-sm-6" id="portfolio-right">
<div id="slider">
<ul>
<li style="background-color: #F00"></li>
<li style="background-color: #0F0"></li>
<li style="background-color: #00F"></li>
</ul>
</div>
</div>
</section>
的50％。我设置了另一个JSFiddle来证明我的问题。所以灰色区域是portfolio-right，我需要不受影响。右侧我需要幻灯片宽度100vh。目前它设置为portfolio-left并显示为内联。一旦我将其设置为100%，第二个和第三个面板就会在第一个面板下面而不是在它旁边。
此外，滑块似乎对我不起作用。我有什么方法可以在我的设置中正常运行吗？
非常感谢