CSS布局属性？

Question

我是 CSS 的新手，正在尝试弄清楚如何获得类似于 2 列布局的内容。现在每个 block 都在页面上正常显示(也就是每行 1 个 block 。但我需要每行 2 个 block 。我不想使用表格，所以我可以选择显示 2 个 block 吗？行而不是每行 1 个 block 。

当我使用绝对定位时，它们都在彼此之上。我不应该使用任何定位吗？

.block { 
    padding-top: 8px; 
    padding-bottom:10px; 
    padding-left:5px; 
    padding-right:5px;  
    width:50%; 
    display:block; 
    border:solid 1px;
}

Answer 1

尝试使用 float:left; 此外，您可能需要将宽度从 50% 减小，因为您还为 block 提供了填充。因此，填充也会占用包含这些 block 的父 div 的总空间。要么将填充、边框和边距设置为 0，要么减小块 (.block) 的宽度。