0

次のコードは、FF3 では適切にレンダリングされますが、IE7 では機能しません。誰かがそれを修正する方法を知っていますか?

<div style="padding-top:3px;padding-bottom:5px;width:650px;background:blue">
    <div style="height:50px;float:left;display:inline;width:500px;background:gray">http://www.brainsolis.com/2008/10/twitter-tools-for-comunity-and-love-for-...</div>
    <div style="width:100%;text-align:right;float-right;background:yellow">saaal is saaa twittertool ds ds dsdfsdsdfsdfsdfsdfsdfsd sdf dsf sdf sdf sdf sd ssssssssssssssssssssssssssssssssssssssssssssssssssss</div>
</div>
4

3 に答える 3

3

要素をフロートさせ、同時にdisplay:inlineにする必要はありません。また、 DIV 要素にwidth:100%を設定する必要はありません。それらは、使用可能なすべての水平方向のスペースを自然に占有します。

次の CSS は、あなたが試みていることを達成するはずです。

div.container {

}
  div.floated {
    width:50px;
    float:left;
  }
  div.textbody {
    /* styles */
  }
  br.clear {
    clear:both;
    height:0;
    line-height:0;
  }

<div class="container">
  <div class="floated">
    <p>This is floated</p>
  </div>
  <div class="textbody">
    <p>...text body...</p>
  </div>
  <br class="clear" />
</div>

CSS の詳細については、w3schools を確認するか、SampsonVideosでCSS ビデオをご覧ください。

于 2009-01-19T19:56:06.443 に答える
2

私はあなたのサンプルをチェックしていませんが、これで IE ラッピングの問題が解決されました:

div
{
  word-wrap: break-word;  /* for IE, force it to wrap text and keep it inside the div */
}
于 2009-02-13T21:12:06.493 に答える
1

CSSワードラップディレクティブは私のために働いています

ie6、7、8、およびchromeで試しました（いつものように、Firefoxはそれがなくてもテキストを正しくラップします）

IE の発明のようですが、css3 との互換性もあります ( http://www.css3.com/css-word-wrap/ )

于 2010-01-08T03:12:20.230 に答える