私はお互いに隣り合わせに表示する必要があるimgと1ブロックのテキストを持っています。垂直方向を超えてテキストがテキストの下に折れてはなりません。 imgは常に50pxですが、コンテナの残りの幅に合わせてテキストを流す必要があります。これはその後、ユーザーのブラウザの幅に設定されます。これはどうすればいいですか？css知られていない幅のdivの内側で、未知の幅の2つの要素を隣に浮かべるか表示する方法
ので、本質的に：
<div> <!--width is 100% of browser-->
<img/> <!--width is 48px-->
<p>Lorem Ipsum</p><!--width is unknown. Should show up next to img -->
</div>
あなたのラッピングのdivがoverflow: hiddenまたはclearfixのいくつかの種類を取得する必要があります。
img {
float: left;
}
EDIT：は、テキストが画像の下に行かせてはいけない：
p {
margin-left: 48px;
}
はこれを試してみてください：
<html>
<head>
<style type="text/css">
.left
{
float:left;
width:50px;
}
.right
{
float:right;
width:400px;
}
</style>
</head>
<body>
<div style="width: 500px;">
<div class="left">
<img src="logocss.gif" />
</div>
<div class="right">
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This. is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This. is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text.
This is some text. This is some text. This is some text
</div>
</div>
</body>
</html>
私は要素を浮動小数点化する方法を知っていますが、テキストを画像のすぐ下に置くことは望ましくありません。 – mheavers
することができますまた、テーブルを使用してそれを行う
<table>
<tr>
<td><img/>this is the image</td>
<td><p>ur text here</p></td>
</tr>
</table>
あなたはその固定幅を与える、または固定でdivの内側に置くことができ48-50px画像がより広くなることはありません知っている場合幅？
div img {
width:48px;
float:left;
}
次に、Pは完全に折り返します。その場合は、右余白と下余白を必ず追加してください。
そして、wrapper div（全幅）に何らかの形のclearfixを付けるか、あるいはちょうどclear:bothとします。
div {
clear:both;
width:100%;
}
nice - ありがとう。 – mheavers