html - 将文本限制为 Div

Question

Aftret 3 天试图解决这个问题我放弃了。有没有我可以使用的 div 的替代品，它实际上可以保存文本？目前，文本忽略了 div，忽略了高度、宽度、顶部、底部和边框/边距，只添加它想要的任何东西。这真的很令人沮丧，因为当分辨率改变时，我的标题从顶部设置为 0%，最终在页面底部与信息文本重叠(这是在某种程度上违反物理的其他地方)，而两个 div 在它们假设的地方完全不受影响成为。

在被攻击的图片上，绿色框是黑色“Home”文本应该出现的地方，蓝色框是红色文本应该出现的地方。假设还有一个蓝色的盒子在某处，但它似乎已经休息了一天......

Image

#Info { background-color:#0F0; position:absolute; top:200px; left:20%; height:auto; width:60%; color:#FFF; font-size:18px; font-weight:bold; z-index:110; bottom:20%; word-wrap:break-word;
}

Answer 1

我想这就是你想要的

word-wrap: break-word; 在包含文本的 div 上

这是一个 fiddle :http://jsfiddle.net/Z83Wv/1/