css - 使用 CSS 创建目录(图像和文本 block ，对齐)

Question

我正在尝试在我的网页上创建一种剪辑表。这个想法是，它基本上(在我看来)是一个左栏有缩略图的表格，然后右栏将包含标题、故事出现的位置、日期和描述。我使用 HTML 可以轻松做到这一点 <table>但我正在努力提高 CSS。

我已经梳理了这个(非常有帮助的)网站，并且远远领先于我今天早上的位置。但是，我在设置“高度”时遇到了问题。我不想设定一个固定的高度。我希望“行”能够适应图像或文本 block 的高度，并且两个“列”的高度相同。

现在我有这个。

HTML:

    <p class="imageclass">thumbnail</p>
    <p class="textclass">all sorts of text, separated by line breaks</p>

CSS:

.container {
 width:620px;
}

.imageclass {
     float:left;
     width:120px;
}

.textclass {
     float:left;
     width:500px;
}

Answer 1

您是否尝试过将 overflow: hidden 应用于 .container？