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與工作演示。