Html 不同屏幕分辨率下的CSS对齐问题

我有一个包含图像和搜索框的标题。标题区域和结果区域都是独立的

divs

搜索框位于标题区域。在results div的左侧有一些菜单项。我需要将搜索框与结果开始区域对齐

在

.tk bl header

中，我添加了左边距=5em的工作空间。但当我移动到不同的屏幕分辨率时，它会错位

.tk bl header.tk header搜索区域{
显示：内联块；
浮动：左；
宽度：43.75%；
左：1.5625%；
右侧填充：1.5625%；
位置：相对位置；
颜色：黑色；
左侧边缘：5em；
}
.searchform容器.searchform{
边缘底部：1米；
}
标题。tk bl标题h1#标志a{
文字装饰：无；
}
a、 图书馆标志{
背景：url（“../abc.jpg”）无重复滚动左上透明；
宽度：110px；
高度：100px；
}
a、 商标名称{
边缘顶部：10px；
字体大小：20px；
}
第二节标题{
显示：内联块；
高度：65px；
位置：相对位置；
宽度：100%；
/*溢出：隐藏*/
}

搜索

您的HTML中没有带有

tk bl header

类的元素，这正常吗？如果有，请提供网站的url。实际上，此div被包装在带有tk bl header类的header标记中