1

<body>タグの直後、テキストの前に、これが HTML ファイルに組み込まれていると考えてください。

<div style="width:100%; height=320pix; background-color:black">
<img src="logo.jpg">
</div>

私の場合、これによりブラウザ ページの上部に黒い「バナー」が作成され、ロゴ画像 (高さ 320 ピクセル) が左側に配置されます。右に移動して、テキストをそのままにしておくにはどうすればよいですか? それを達成するためのこのコードへの最も簡単な追加を知りたいです。タグラインで指定するstyle="float:right"と、<img ...>それに続くテキストが回り込み、バナー効果が損なわれます。

ただし...同じ要素を<style>...</style>HTML内のブロックに転送し、img{float:right;}すべてを含めると正常に機能します。2 つのアプローチで浮動動作が異なる理由がわかりません。頭が爆発しそう…

考えられるリード -この質問は単純であることを示していますが、指定されたコードを正確に試してみても、まだ機能しません。!DOCTYPE または同様の問題でしょうか? ブラウザとして Firefox 15.0.1 を使用しています。

4

1 に答える 1

0

画像を含む DIV に相対位置を指定します。これにより、画像を完全にその中に配置できます。

<div style="position:relative; width:100%; height:320px; background-color:black">

    <img src="logo.jpg" style="position:absolute; right:0px;">

</div>

「右」を調整して、画像を好みの位置に配置します。

于 2012-10-11T05:39:41.403 に答える