html - 第二列中的中心按钮具有灵活的宽度？

Question

如何让 #top-menu 中的红色和黄色蓝色按钮居中？

http://jsfiddle.net/qhoc/qKXD2/

我的问题是我希望 #top-menu 保持在右侧并且不与整个屏幕宽度重叠。现在 #top-menu 中的任何内容都位于屏幕本身的中心。

谢谢。

Answer 1

像这样更改#top-menu .center 和#logo 样式我认为这就是您想要的

#logo {
  background-color: yellow;
  display: block;
  float: left;
  width: 180px;
  height: 45px;
  position:absolute;
 }


#top-menu .center {
  width: 235px;
  margin auto;
}

DEMO