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/2iawh83.png

第一个 div 中有一个巨大的空间。为什么？如果由于某种原因有超过 10 条评论，它不会

忽略愚蠢的评论

4

4 回答 4

0

尝试在浮动的周围添加一个包装器 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 回答
0

我会小心让 20% 的宽度和 80% 的宽度期望放在一条线上：如果有任何填充或边框，它们不会。它看起来应该是 ff 3 中的样子。：D

于 2009-08-09T00:46:20.707 回答
0

将您的 HTML 粘贴到我的通用 testing-HTML-code-from-Stack-Overflow 文件的正文中：

<!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

如果您使用 IE6 使用 20% 和 80% 通常会导致线路溢出，我通常使用 20% 79%，您应该没问题

看看它是否溢出尝试添加溢出：隐藏到 div 并查看它们是否排列，如果是这样你就知道它溢出了。

您是否使用过萤火虫或其他检查工具来查看实际的高度和宽度？

于 2009-08-09T00:50:24.873 回答