CSS 定位，需要帮助对齐链接

Question

在站点的所有目录页面中，顶部的链接菜单未对齐，请参阅示例链接 - car finance部分。

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

右上角菜单出现相同问题 - 任何第 4 个链接拆分到下一行*

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

我们追求的是

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

所以两者都在一行中

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

#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;
}

Answer 1

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

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

如果您希望将框框作为单行显示，我建议您制作一个 div 并可能使用 float: right 来表示必须右对齐的菜单项。