屏幕大小调整和元素位置调整

Question

下面你可以看到一个页面的链接，当缩小到940像素和更低的宽度时，假设隐藏菜单而是显示一个下拉菜单。问题是当屏幕尺寸减小时，元素会错位。我想要的是将下拉菜单，红色矩形和搜索栏保持在一行中，无论屏幕大小如何

这是相关的css：

nav select {
    display: none;
}
@media (max-width: 940px) {
  nav ul     { display: none; }
  nav select { display: inline-block;margin-left: 300px; margin-top: -10px; }
}

这是完整的代码：

https://codepen.io/slackk/pen/RpNBvO

Answer 1

在设计时，您首先要开始构建移动网站。 但是，回到主题，你到底是关闭标签，但它是从文档的中间开始。你确定你把它正确放了吗？