0

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

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

我的问题是我想#top-menu留在右侧而不是重叠整个屏幕宽度。现在，里面的任何东西#top-menu都是屏幕本身的中心。

谢谢。

4

4 回答 4

2

像这样更改#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;
}

演示

于 2012-10-15T06:41:05.547 回答
1

float:left从按钮样式中删除并添加display:inline-block. 添加overflow:auto到#top-menu .center

解释

Float:left：使您的 div 与父 div 完全对齐。

disply:block:使 div 占据整个水平空间。

Overflow:auto: 使父 div 根据 ot 内部的内容进行扩展。

由于您需要将两个 div 并排放置，因此请给inline-block. inline-block 使 div 根据 div 内部的内容进行扩展。

现场演示

于 2012-10-15T06:43:10.133 回答
0

这就是解决方案。删除徽标中左侧的浮动并放置margin：0 auto；请参阅以下链接

http://jsfiddle.net/qKXD2/6/

非常感谢

于 2012-10-15T06:55:59.927 回答
0

检查演示以获取标题上的中心徽标和顶部菜单。

于 2012-10-15T09:05:22.670 回答