内联块HTML5 / CSS3列

Question

我希望这3篇文章（.leftContent，.middleContent和.rightContent）的css表现得像inline-block列......身体宽度为70％

Fiddle

Answer 1

使用.代替,使宽度成为浮点值：

Example

您还可以使用display:table-cell：

Example

此外，由于您对相同的元素使用相同的CSS属性，因此可以使用以下内容：

article {
   display: inline-block;
   width:23.33%; 
}

将相同的CSS属性应用于所有article。

Example