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>

布局没问题，旁边就是右边。但视频没有响应。

当我将<section id="full-video">更改为<section id="full-video margin">

时

（这里是小提琴：http://jsfiddle.net/xibalbian/72wG5/#base）...视频表现得很敏感，但接下来还有视频...... 代码不是那么好，但我正在努力提高自己，抱歉。我错过了什么？

Answer 1

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

小提琴：http://jsfiddle.net/qbq8S/1/

修改
更改了部分中某些孩子的CSS。

最后的小提琴：http://jsfiddle.net/qbq8S/5/

这段代码有什么问题（响应式html-css-js）？

1 个答案: