javascript - HTML 代码流出页面？

Question

所以我有这个 HTML 代码，它显示了一个推特提要。唯一的问题是，它从页面流出。我希望提要为 100% 宽度和 600px 高度。我已经摆弄了一段时间，并且可以使它有点工作..我认为它需要是一个单一的代码。 https://jsfiddle.net/33nw5jcd

<div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script> 
<script>
appreplicaapp = 'twitter';
appreplicaapikey = 'aa869d1f61a088e04e6fe1a66fc07933e404f9bb';
</script>
<script src="//api.appreplica.com/js/1/arc.js"></script>
</div>

这是用来缩短它的代码..

<script>

var a=document.getElementById("a");
a.style.width=window.innerWidth;
a.style.height="600px";
a.style.background="ffffff";
var b="hello world";
var node=document.createTextNode("hello this is the last node");
 a.appendChild(node);

 </script>

第一个代码有 <div id="a">当上面的代码被使用时。

这就是我想要的样子..(我网站的旧版本..)

http://thetwitterfeed.weebly.com/home

Answer 1

你已经问过这个问题了 HTML code flows off page?

检查我的 fiddle :

#a {
  height: 600px;
  background-color: #fff;
  width: 100%;
}
#a::after {
   content: 'hello this is the last node';
}

https://jsfiddle.net/L3mwsp2o/1/