如何让facebook评论框宽度为100%？

我正在使用此代码将 Facebook 评论框添加到我的页面，

<script type="text/javascript">
 (function(d, s, id) 
 {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=397337283630353";
 fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
 </script>


<div class="fb-comments" data-href="https://apps.facebook.com/driftee/" data-num-posts="5" data-width="470" data-colorscheme="dark" style="width: 100% !important;"></div>

但我无法让评论框填满页面的 100%。

您可以通过在 HTML 页面的样式表中添加 CSS 类来实现此目的，如下所示：

.fb-comments, .fb-comments span, .fb-comments iframe { width: 100% !important; }