Question

如何并排获得2个div。您可以在此处查看该页面 http://wholesaletoriches.com/newsite/thankyou/new3/3/

我知道href中的显示块导致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

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

Answer 2

如果你想让浮动的盒子在视频旁边（我想你正在问的话），你应该在标记中切换它们，以便浮动首先出现。

为什么两个div并不都是并排的

2 个答案: