0

在网站的所有分类页面中，顶部的链接菜单没有对齐，请参阅示例链接 -汽车金融部分。

*每当我们尝试将第三个链接放在顶部菜单左侧时-它会拆分到下一行

顶部菜单右侧的相同问题 - 任何第 4 个链接拆分到下一行*

我们尝试改变宽度 - 使用所有排列/组合 - 但没有帮助

我们寻求的是

  • .footer-top-box-left - 用于顶部菜单链接单元
  • .footer-top-box-right - 用于谷歌自定义搜索框

这样两者都在 1 行中

下面是用于的 css 代码 - pl 建议

#footer-container { 
   float:left;
   width:1000px;
   clear:both;
   background:#FFFFFF;
   text-align:center !important;
}   

#footer-container .footer-top-box {
   float:left;
   width:965px;
   margin:0 0 10px 5px;
   padding:0 5px 0 10px;
   height:33px;
   background:url(../images/footer-box-bg.gif) repeat-x;
   border:1px solid #e7e5e5;
}    

.footer-top-box .footer-top-box-left {
   float:left;
   width:300px;
   margin:0 0 0 5px;
   font: normal 10px Arial, Helvetica, sans-serif;
   color:#000000;
   text-align:left;
   padding:10px 0 0 0
}    

.footer-top-box-left img {
   margin:0 3px 0 3px;
}    

.footer-top-box .footer-top-box-right {
   float:right;
   width:500px;
   margin:0 5px 0 0 ;
   font: normal 10px Arial, Helvetica, sans-serif;
   color:#000000;
   text-align:right;
   padding:10px 0 0 0;
}    

.footer-top-box-right p {

margin:0;
padding:0;
font: normal 10px Arial, Helvetica, sans-serif;
color:#000000;
}    

.footer-top-box-right p a:link,
.footer-top-box-right p a:hover,
.footer-top-box-right p a:visited { 
   margin:0;
   padding:0;
   font: normal 10px Arial, Helvetica, sans-serif;
   color:#b60205;
   text-decoration:underline;
   text-align:justify;
}
4

1 回答 1

1

更改持有人 div 的宽度 - “footer-top-box-left”或“footer-top-box-right”，它应该可以工作。

使用您的 html 副本进行测试，在将“footer-top-box-left”从 300px 更改为 400px 宽度后，我能够在左侧添加第三个项目。

如果您想将框框作为单行，我建议您制作一个 div 并可能使用 float: right 用于必须向右对齐的菜单项。

于 2012-08-17T14:24:59.470 回答