Question

所以我有这个HTML代码，它显示了一个Twitter提要..唯一的问题是，它流出页面。我希望饲料的宽度为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?

检查我的小提琴：

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

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

Answer 2

尝试将max-height指定为600px。这只会显示直到600 px的高度

HTML代码流出页面？

2 个答案: