css向左浮动错乱,CSS - 浮动：左对齐问题

我建立了一个论坛使用的DIV这里列出的是我有CSS - 浮动：左对齐问题

/* forum like build */

.myForum{

float: left;

width: 620px;

margin-top: 10px;

border: 2px solid #0F5C8E;

padding: 1px;

overflow: hidden;

display: block;

}

.myForum > .header {

height:10px;

background-color: #adcbe7;

border-bottom: 1px solid #0F5C8E;

font-weight: bold;

padding: 2px;

overflow: hidden;

height:20px;

}

.myForum > .myrow {

padding-left: 0px;

margin: 0px;

border-bottom: 1px solid #0F5C8E;

height:57px;

background-color: #f5f5f5;

}

.myForum > .myrow > .photo {

overflow: hidden;

width:105px;

float:left;

text-align:center;

padding-right: 2px;

padding-top:2px;

height:57px;

}

.myForum > .myrow > .content {

padding-left: 3px;

padding-right: 3px;

overflow: hidden;

width:450px;

float:left;

border-left: 1px solid #0F5C8E;

border-right: 1px solid #0F5C8E;

height:57px;

}

.myForum > .myrow > .mycount {

padding-right: 1px;

padding-bottom: 1px;

overflow: hidden;

float:left;

height:57px;

padding-left:3px;

}

.myForum > .myrow > .content > a {

color: #013E99;

font: bold 0.8em/1.3 arial,helvetica,sans-serif;

margin-top: 0;

}

.myForum > .myrow > .content > p {

font: normal 0.7em/1.3 arial,helvetica,sans-serif;

margin-bottom:2px;

color:#878787;

}

.myForum > .myrow > .content > p > a {

color: #0066CC;

margin-top: 0;

}

你可以看到排列弄乱。

如果我增加额外填充顶第三DIV(.myForum> .myrow> .mycount)，校准工作得很好。但是这扰乱了垂直线(第二条垂直线)。您可以看到修改后的一个下面

(我想用表的，但我看到最新的网站开始使用的DIV甚至上市)

2012-11-13

Bujji

+0

因为如果你不想要生成的内容使用表格(这些表格在网络中仍然有它们的位置)您可能想要使用无序列表 –

+0

是的，当然忘记了表格。更好：忘记DIV。使用一个样式无序列表。 –

+0

看看这个：http://stackoverflow.com/questions/6299033/css-hell-simulating-table-with-div –