html - 如何在同一行上获得 3 列？

Question

我试图在一行中显示三列。它一直有效，直到我向 div 添加了一些填充。我使用百分比来让它有点响应。以下是 CSS:

.contentLine .column {
    float: left;
    margin: 0;
    width: 31%;
    margin-right: 1%;
    padding: 1%;
    position: inherit;
}

.contentLine .last {
    margin-right: 0;
}

Here is my fiddle

我的百分比有误吗？

Answer 1

Demo HERE 使用 margin-right:.5%;

.contentLine .column {
float: left;
margin: 0;
width: 31%;
margin-right: .5%;
padding: 1%;
position: inherit;
}

并像这样更改最后一列 div。因为您使用了两次类属性，而您只能在一个标记中使用一次类属性。

使用

<div class="column last">

不是<div class="column" class="last">它很破旧。