1

我有两个重要的问题需要解决，我已经尝试了几个月......，可排序的问题，我创建了一个小提琴来复制问题：http: //jsfiddle.net/tnLcg/134/

将 F 拖到 B 中，你会明白我的意思，

我不希望 A、F、B 和 C 低于 B，然后是 D 和 E

A F B
    C
D E

我想按照以下方式查看它。

A F B
C D E

超过六个元素实际上看起来很糟糕，因为三个内联的结构没有保留，这是由于可排序元素上的可排序所需的浮点数。

另一个问题（不太重要）是如何在浮动 div 无法对齐时将这些浮动到左侧的 div 垂直对齐 - 到底部。

这是一个更新的小提琴，它涵盖了这两个问题，但在 ul 中添加了一个新问题，即额外的高度，如何在没有这个高度覆盖空间的情况下使其工作。

http://jsfiddle.net/tnLcg/136/

4

1 回答 1

0

ul 有额外的高度，因为.block你的 li 上的类有 300px 的 amin-height和 a line-height，这比你最高的块高。尝试将这些属性设置为 200px，即块 E（最高）的高度：

.block {
    border: 1px dashed green;
    vertical-align: bottom;
    margin: 5px 0 0 5px;
    float: left;
    padding: 5px;
    display: block;
    width:190px;
    color:#ffffff;
    margin-left:10px;
    min-height:200px; /*Changed to 200px*/
    line-height:200px; /*Changed to 200px*/
    overflow-y:hidden;
}

这是修改后的小提琴：http: //jsfiddle.net/ztu2z/

于 2012-12-05T18:00:19.353 回答