html - 为什么两个 div 不并排出现

Question

如何并排放置 2 个 div？您可以在此处查看页面 http://wholesaletoriches.com/newsite/thankyou/new3/3/

我知道 href 中的显示 block 导致 div 到下一行，但将其更改为内联不显示视频

#video{
    width: 412px;
    //float: left;
    display: inline;
    margin: 35px 0 0 56px;
}        

<div id="video" 
     style="border: 1px solid rgb(204, 204, 204); width: 490px; height: 385px;">
    <a href="#" style="display:block;width:470px;height:365px;padding:10px;"
       id="player"> </a>
    <script type="text/javascript">
        flowplayer("player", "flowplayer-3.2.2.swf",{
            plugins: { controls: null },                        
            canvas: { backgroundColor: '#ffffff',backgroundGradient: "none"},
            clip: { url: 'a.mp4' },
            onLoad: function() {
                this.setVolume(100);
            }
        });
    </script> 
</div>
<div style="float:right;width:300px;height:385px;border:1px solid red;">

</div>

Answer 1

取消注释 #video 中的 float:left 应该可以解决问题。