0

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 は「明らかに」ポストイットの右側にあるものです。

4

2 に答える 2

1

自分で試してみましたが、テキストがまったくオーバーフローしておらず、div内にとどまっています。おそらく、親divからスタイル属性を継承しています。

于 2012-11-14T17:31:39.283 に答える
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>
于 2012-11-14T17:29:57.823 に答える