Question

我在jwplayer中加载了一个视频，并在其旁边放置了一个缩略图的小视频队列。出于某种原因，当我的玩家加载时，它会将整个队列推到玩家下方，尽管它紧挨着它。它的行为就好像容器太小了，但如果我将videoWrapper放大，我会得到相同的行为。

HTML：

<div id="videoWrapper"> 
    <div id="video"></div> 

    <script type='text/javascript'> 
      jwplayer('video').setup({ 
        file: <?php echo '\''.$sex.'\''?>, 
        width: '750', 
        height: '420', 
        primary: 'flash', 
        autostart: 'false' 
      }); 
    </script> 

    <div id="queueList"> 
     Up Next 
     <input type="image" src=<?php echo $thumbs[0]; ?> class="thumb" /> 
     <input type="image" src=<?php echo $thumbs[1]; ?> class="thumb" /> 
     <input type="image" src=<?php echo $thumbs[2]; ?> class="thumb" /> 
     <input type="image" src=<?php echo $thumbs[3]; ?> class="thumb" /> 
    </div> 
</div> 

CSS：

#videoWrapper{ 
    display:block; 
    width:872px; 
    height:420px; 
    margin-top:40px; 
    margin-left:auto; 
    margin-right:auto; 
}#queueList{ 
    width:120px; 
    height:420px; 
    float:right; 
}.thumb{ 
    margin-top:7px; 
    width:120px; 
    height:auto; 
    background:black; 
}#video{ 
    width:750px; 
    height:420px; 
    background:black; 
    color:purple; 
    float:left; 
} 

如果任何人都可以提供任何形式的原因，这种情况正在发生或工作围绕我将非常感激。

实况看什么我谈论这里可以看到：http://porndoraone.com/test2.php 橙色盒子应该是黑色的边框内，毗邻视频。

Answer 1

解决方案似乎很简单。所有你需要做的是什么风格#video_wrapper，由jwplayer创建的，是这样的：

#video_wrapper { 
    float: left; 
} 

看到这个JSFiddle与工作演示。