css - 居中内联 block 在 Opera 和 Chrome 中无法正常工作

Question

我正在尝试创建三列布局，它应该如下所示:

|sidebar| |column1| |column2| |column3| |sidebar2|

我的布局适用于:IE、Firefox 和 Safari...

但它在 Opera 和 Chrome 中出现问题。

在这些浏览器中看起来像这样:

|sidebar| |column1|    |column2|     |sidebar2| 
                           |column3|  

我认为问题出在中间栏(我将“display:inline-block”和“text-align:center”添加到正文以使其居中，但由于某种原因在右栏被推下)

我知道我问了很多，但你能不能看看我的 Page查看这些浏览器中的问题。

如果有人知道这方面的解决方案，那就太好了。谢谢你!!

Answer 1

您需要更改 CSS 以使中间列向左浮动。

#blogs_three_cols .middle_column {float:left;}

如果您希望列彼此相邻 float ，您需要实际 float 它们 :) 您设置了 none。这样做会使正确的列变得困惑。