css - 文本超出其 div（溢出）

Question

http://maniamicizia.it/index.php?page=home&lang=it

我的网站基于我的网站，float:left效果很好（IE 不仅仅是因为 rgba 背景和改编背景）。我现在遇到了这个奇怪的问题，它阻止了文本站在自己的 div 中。

这是 CSS/HTML

<div style='
border:10px solid rgb(239,226,173);
background:rgba(200,200,200,0.7);
margin-left:320px;
margin-top:290px;
width:150px;
height:200px;
box-shadow: 0px 0px 6px 3px rgba(100, 100, 100, 1);
-webkit-transform:rotate(0deg);
'> Hello World </div>

只是……为什么？我知道如何处理这个位置，但是为什么文本会这样呢？div“显然”是便利贴右边的那个。

Answer 1

我自己试过了，但文本根本没有溢出，它留在 div 内。可能您正在从父 div 继承样式属性。

Answer 2

在您的元素样式中使用float:left;以将文本保留在所需的框中。

<div style="
border:10px solid rgb(239,226,173);
background:rgba(200,200,200,0.7);
margin-left:320px;
margin-top:220px;
width:150px;
height:200px;
box-shadow: 0px 0px 6px 3px rgba(100, 100, 100, 1);
-webkit-transform:rotate(0deg);
float:left;">

Wth am I doing here?

</div>