2017-04-18 59 views
-1

所以我有这个HTML代码,它显示一个推送饲料..唯一的问题是,它流离开页面。我希望Feed的宽度是100%,高度是600px。我已经弄了一段时间,并可以使它有点工作..我认为它需要是一个单一的代码。 https://jsfiddle.net/33nw5jcdHTML代码流出页面?

<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

+3

这个jsfiddle不会做任何事情 – brk

+1

@brk很像他的个人资料图片:( –

+0

适合我.... @brk –

回答

2

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

检查我的小提琴:

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

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

+0

代码是g reat ...但我正在寻找更像我的网站旧版本的东西。 http://thetwitterfeed.weebly.com/home –

1

尝试将最大高度分配到600px。那只会显示饲料高达600像素