XHTML CSS浮點等幫助
[英]xhtml css floats etc help
問題描述
我真的在想回到餐桌，因為這總是＃¤€＆/ @£
<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
第一分區的巨大空間。 為什么？ 如果由於某種原因而發表的評論超過10條，則不會
忽略愚蠢的評論
4 個解決方案
解決方案1
0 2009-08-09 00:46:20
我會小心地將寬度設置為20％，而將80％設置為一行：如果有任何填充或邊框，它們將不會。 在ff 3中看起來應該是這樣。：D
解決方案2
0 2009-08-09 00:48:07
將您的HTML粘貼到我的通用測試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中。
解決方案3
0 2009-08-09 00:50:24
如果您使用的是IE6，而20％和80％的比例通常會導致線路溢出，我通常會使用20％79％的電壓，您應該可以
要查看是否溢出，請嘗試將divs：hidden添加到div中，看看它們是否對齊，如果是這樣，您就知道它溢出了。
您是否使用過螢火蟲或其他檢查工具來查看實際的高度和寬度？
解決方案4
0 2009-08-09 01:36:33
嘗試在浮動對象周圍添加包裝器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包裹在所有內容上，這只是使代碼在結構上更有意義。
CSS和float中的float
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.