html - 在 css 中有两个左对齐列的最佳方法是什么，其中第一个是固定的？

Question

我想要两列，其中第一列是图像，第二列是文本。如果可能，我想避免使用 html 表。我希望第二列的文本左对齐，以便它与图像对齐并转到页面宽度的其余部分

我看到我可以为第一列做这样的事情:

 #left_col {
       float:left;
        width: 650px;
    }

但无法为第二个找出正确的 css(我在网上看到的所有示例都右列右对齐)。在 CSS 中有两列的最佳方法是什么，其中第一列是固定的，第二列左对齐(在图片的右侧)？

Answer 1

你可以尝试类似的东西;

#image, #text{
    position: absolute;
}
#image {
    top: 0;
    width: 650px;
}
#text {
    top: 0;
    left: 650px;
    right: 0;
}

Here 是一个有效的 fiddle 。