文字出自其div

时间:2012-11-14 17:24:26

标签: css3

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);
'>

Wth am I doing here?

</div>

只是......为什么呢?我知道如何处理这个位置,但为什么文本会这样出来呢? div是“显然”在帖子右侧的那个。

2 个答案:

答案 0 :(得分:1)

我自己尝试过,但文字根本没有溢出,它留在div里面。您可能正在继承父div的样式属性。

答案 1 :(得分:0)

在元素样式中使用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>