0

テーブルに戻ることを真剣に考えています。

<div style="float: left; width: 20%">
 #1 <a>SmokA</a><br />
 <small>Admin</small><br />
 <small>2009-08-07</small>
</div>

<div style="float: right; width: 80%">
 I would buy a boat
</div>

<div style="clear:both"></div>

<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>


<div style="float: left; width: 20%">
 #2 <a>BusHka</a><br />
 <small>Old school</small><br />
 <small>2009-08-07</small>
</div>

<div style="float: right; width: 80%">
 <a href="#comment1">#1</a> is stupid
</div>

<div style="clear:both"></div>
<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>

これにより、 http://i29.tinypic.com/2iaw83.pngが得られます。

最初の div の巨大なスペース。なぜ？なんらかの理由で10を超えるコメントがある場合はいけません

愚かなコメントは無視してください

4

4 に答える 4

0

20% と 80% の幅が 1 行に収まるように注意する必要があります。パディングや境界線がある場合はそうではありません。ff 3 のように見えます。:D

于 2009-08-09T00:46:20.707 に答える
0

私の一般的な testing-HTML-code-from-Stack-Overflow ファイルの本文に HTML を貼り付けます。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<title>Test</title>
</head><body>
<!-- Rebadow's code here -->
</body></html>

は問題ありません。たとえば、CSS など、問題は別の場所にあるはずです。

于 2009-08-09T00:48:07.133 に答える
0

20% と 80% を使用して IE6 を使用している場合、行がオーバーフローすることがよくあります。通常は 20% 79% を使用します。問題ありません。

それがオーバーフローしているかどうかを確認するには、オーバーフローを追加してみてください。divにhiddenを追加し、整列しているかどうかを確認します。

実際の高さと幅を確認するために、firebug または別の検査ツールを使用しましたか?

于 2009-08-09T00:50:24.873 に答える
0

フローティング div の周りにラッパー div を追加してみてください。これは、これより上の何かが何らかの影響を与えているかどうかを確認するためのものです。

<div style="clear:both">
<div style="float: left; width: 20%">
 #1 <a>SmokA</a><br />
 <small>Admin</small><br />
 <small>2009-08-07</small>
</div>

<div style="float: right; width: 80%">
 I would buy a boat
</div>    
</div>

<div style="clear:both"></div>

<div style="border-top: 1px solid #071946; border-bottom: 1px solid #1D3060"></div>

また、行を表示するためだけに div を作成することはありませんが、それはまったく別の問題です。たぶん HR タグを試すか、その div をすべてにラップします。これは、コードを構造的により意味のあるものにするためです。

于 2009-08-09T01:36:33.553 に答える