使用CSS定位块元素

Question

我正在尝试获得或多或少类似于以下的布局，但是对于'a'链接具有固定宽度： http://jsfiddle.net/9SnJQ/

我可以通过更改块元素的'a'链接来指定固定宽度，但最后我得到了这个布局： http://jsfiddle.net/Fh943/

如何才能充分利用两者（固定宽度的正确定位）？

Answer 1

对display: inline-block;标记使用a。请参阅此updated fiddle。

Answer 2

开头几条评论：

1. 你不应该使用*。 CSS的解析方式是从右到左。这意味着，浏览器首先检查最后一个条件，在这种情况下是*，这是每页上的元素，然后检查先前的条件等。这是你可以使用的最有效的选择器。不惜一切代价避免它！

2. 人们建议使用内联块。这在IE7中不起作用，不是必需的

好的，这就是我的方式 - working demo