javascript - 这段代码有什么问题(响应式 html-css-js)？

Question

这是 jsfiddle:http://jsfiddle.net/xibalbian/qbq8S/embedded/result/ 我想要实现的目标是在不破坏响应式视频的情况下将其发送到右侧。

<section id="full-video">
    <div class="video-wrapper">
        <div class="video-container">
            <iframe width="640" height="480" src="//www.youtube.com/embed/WeYsTmIzjkw?rel=0" marginheight="0" marginwidth="0" frameborder="0" allowfullscreen></iframe>
        </div>
    </div>
</section>
<aside id="social" class="margin2">
   <a href="www.example.com" class="indiegogo" data-lang="en"><img src="img/indie.png" style='width:auto; max-width:200px;' border="0"></a>
   <a href="www.facebook.com/examplepage" class="fbgroup" data-lang="en"><img src="img/fbgroup.png" style='width:auto; max-width:200px;'></a>
   <div class="twitter-follow-button"><a href="https://twitter.com/arterast" class="twitter-follow-button" data-show-count="false" data-lang="en">Follow</a></div>
   <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>
   <div class="twitter-share-button"><a href="https://twitter.com/share" class="twitter-share-button" data-lang="en">Tweet</a></div>
   <div class="g-plusone"></div>
</aside>

布局还可以，aside在右边。但是视频没有响应。

当我改变 <section id="full-video">至 <section id="full-video margin">

(这里是 fiddle :http://jsfiddle.net/xibalbian/72wG5/#base)...视频 react 灵敏，但随后放在视频下方... 代码不是很好，但我正在努力提高自己，对此感到抱歉。 我错过了什么？

Answer 1

更改 <section id="full-video">至 <section class="full-video">

fiddle :http://jsfiddle.net/qbq8S/1/

编辑
更改部分中某些子项的 CSS。

最后的 fiddle :http://jsfiddle.net/qbq8S/5/