使用列数控制分布

Question

问题：http://www.offprint.am/0811861538/

将它包含在div中并给它一个height属性似乎是可行的，但我正在寻找更通用的属性/而不是一个条目一个条目地使用。

理想情况下，除非有大量的文本(http://www.offprint.am/wp/3836516861/)，否则我希望描述在左边，信息在右边。

后者(w/ div)将是首选的解决方案，但我现在会寻求任何我能得到的帮助。

旁白：

.entry是具有列计数等的主容器。对于浮动工作区，我制作了两个容器(.desc和.info)显示: block；float:left，并借用了.entry的边框/间距属性(.desc padding:30px；border-right: 1px虚线#eee；/ .info padding: 30px;)

Answer 1

从.entry中删除以下内容：

-moz-column-count: 2;
-moz-column-gap: 60px;
-moz-column-rule: 1px dashed #EEEEEE;

添加添加overflow: hidden;

然后将.entry p修改为：

.entry p {
    border-right: 1px dashed #EEEEEE;
    float: left;
    margin: 0 30px 15px 0;
    padding-right: 30px;
    width: 395px;
}

还要添加以下内容：

.entry .info { float: left; width: 300px; }