HTML-Code fließt von der Seite ab?

Question

Also ich habe diesen HTML-Code, es zeigt einen Twitter-Feed. Das einzige Problem ist, es fließt von der Seite. Ich möchte, dass der Feed 100% Breite und 600px Höhe hat. Ich habe eine Weile damit herumgespielt und kann es irgendwie funktionieren lassen. Ich denke, es muss ein einziger Code sein. 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> 

Dies ist der Code, der es kürzer ..

<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> 

Der erste Code hatte <div id="a">, wenn der Code oben war im Einsatz zu arbeiten verwendet zu machen.

Dies ist, was ich will es wie .. suchen (eine ältere Version von meiner Seite ..)

http://thetwitterfeed.weebly.com/home

Answer 1

Sie schon diese Frage gestellt HTML code flows off page?

meine Geige Check:

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

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

Answer 2

Versuchen Sie, die maximale Höhe 600px zuzuweisen. das würde nur Feed bis zu 600 px Höhe zeigen