Javascript 如何在添加新块时使搜索栏保持静止

你好，谢谢你的出色工作

好的，我的问题有点复杂…我有一个设计很好的标题和一个搜索栏

我想在搜索栏的左侧添加一个块，但发生了一件事：我的搜索栏向右移动，因此不再与标题顶部导航链接对齐：

图1：在我添加徽标块之前，顶部链接和搜索栏是垂直对齐的。

当我添加一个应该包含我的徽标的块时，搜索栏向右移动，对齐被破坏

图2：添加徽标块后，搜索栏向右移动，对齐被打断

这是我的项目的URL：在这里可以访问源代码

我的问题很简单：我希望黄色块不会使搜索栏向右移动，并保持对齐。我该怎么办

我知道我的问题很棘手，但我非常感谢社区对我如何解决这个问题的任何帮助或线索

---

非常感谢

您完全可以定位徽标

.header中间容器{
位置：相对位置；
}
.标题标志块{
位置：绝对位置；
左：0；
排名：0；
底部：0；
}

var FancyboxI18nClose=‘关闭’；
var FancyboxI18nNext=‘下一步’；
var FancyboxI18nPrev='先前'；
var ajaxsearch=true；
var baseDir=http://69.64.88.50/';
var baseUri=http://69.64.88.50/index.php';
var contentOnly=false；
var currency={“id”：1，“name”：“Dollar”，“iso_code”：“USD”，“iso_code_num”：“840”，“sign”：“$”，“blank”：“0”，“conversion_rate”：“1”，“deleted”：“0”，“format”：“1”，“decimals”：“1”，“active”：“1”，“前缀”：“$”，“后缀”：“id_shop_list”：null，“force_id”：false}；
var currencyBlank=0；
var currencyFormat=1；
var currencyRate=1；
var currencySign='$'；
var displayList=true；
var favorite_products_url_add='0http://69.64.88.50/index.php?process=add&fc=module&module=favoriteproducts&controller=actions';
var favorite_products_url_remove='0http://69.64.88.50/index.php?process=remove&fc=module&module=favoriteproducts&controller=actions';
var highDPI=真；
变量id_lang=1；
var instantsearch=false；
var=0；
var isLogged=0；
var isMobile=false；
变量页面名称='索引'；
var priceDisplayMethod=1；
var priceDisplayPrecision=0；
var quickView=false；
var-roundMode=2；
var搜索\u url\u本地http://69.64.88.50/index.php?fc=module&module=tmsearch&controller=search';
var static_token='2c7173b441c5cb594483cf8a9c7d4933'；
var tmsearch_description=真；
var tmsearch_高度=800；
var tmsearch_image=true；
var tmsearch_limit=真；
var tmsearch\u limit\u num=6；
var tmsearch_制造商=真；
var tmsearch_price=真；
var tmsearch_reference=真；
var tmsearch_scroll=true；
var标记='7BC6800D6784049FB2A85ADBF82231E'；
var usingSecureMode=false；
$（文档）.ready（函数（）{
var elem=$（'tmhtmlcontent_home.parallax_banner'）；
if（元素长度）{
$（'body'）。追加（'\n\n\n'）；
var wrapper=$（'.rd-parallax-1'）；
元素前（包装）；
$（'.rd-视差-1.视差主布局'）。替换为（元素）；
win=$（窗口）；
}
});
$（文档）.ready（函数（）{
$（窗口）.on（'load'，function（）{
$.RDParallax（）；
$（'.rd视差层视频'）。每个（函数（）{
$（此[0].play（）；
});
});
});










登录





标识\u容器\u此处
搜寻
Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一句至理名言，我是佩伦特式的交通工具。奥古斯十字勋章上的二重奏是非马利苏阿达安特。莫里斯在布兰迪·努拉和普尔文纳的传说中。佩伦茨克·亨德雷里的名言是尤伊斯莫·费吉亚。南帕特和杜伊坐在阿梅特·乌兰科珀旁边。大师们坐在我们的椅子上，坐在我们的仪表板上。Nam sed nulla augue。毛里斯·普莱斯特拉特·马蒂斯·乌兰科珀。
Sed非metus imperdiet，sollicitudin massa pretium，accumsan dui。大舌苔菱形舌苔。大鼠前庭花粉蝶。前庭温度，nec温度，饮食温度。在8月1日之前，生活水平暂停。Aenean sagittis faucibus ex，sollicitudin Consequeat neque Temporal id.Maecenas odio lorem，pulvinar调味品孕妇ac，scelerisque sit amet libero。自由索达莱斯酒店、威尼斯奥奇酒店、库苏斯码头酒店。
不要坐在终点站。请不要为自己的健康付出代价。ullamcorper的Nullas sodales euismod risus。这是一份令人信服的宣言。这是一辆汽车。内部的整数摩尔数。这是一个充满激情的射手座。
Morbi mattis tellus eget luctus饮食。普拉
.header-middle-container {
    position: relative
}

.header-logo-block {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
}