javascript - 我怎样才能在顶部导航中保持搜索框的绝对(& keep 是流畅的响应!)?

标签 javascript jquery html css wordpress

我是一名新手程序员,我有几个更有经验的程序员尝试解决这个问题,但没有真正的运气。

我需要将搜索框添加到顶部导航,并且搜索框可以响应各种屏幕尺寸 - Link to sample mockups here

搜索栏is currently wrapping/displacing here.

提前感谢您的任何建议!

最佳答案

这是一个开始:

将搜索栏本身(div)设置为显示:inline-block`。这将使它正确定位。

div.header-phoneicon: right: 350px

然后,将电话号码移回以留出空间。更改 div.header-phoneinfo css right 属性以适应它。

您需要调整 widthright 属性以适合所有内容。

关于javascript - 我怎样才能在顶部导航中保持搜索框的绝对(& keep 是流畅的响应!)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24718999/

相关文章:

javascript - 什么是对列表重新排序进行动画处理的 react.js 友好方式?

javascript - 如何检测 Safari 中刷新按钮和后退按钮之间的差异

javascript - 窗口onload功能无法正常工作?

javascript - 适用于 Firefox 和 Chrome 的刷新率按钮 PHP

javascript - 如果 adblock 阻止了 adsense,则显示图像

jquery - 检查元素的可见性

html - td标签中的单词

javascript - dom元素样式更改后如何调用函数Javascript/jquery

html - css 输入文本框只读设置背景颜色不起作用

javascript - module.exports 无法设置未定义的属性