Html 用另一个div进行div

我不熟悉HTML和CSS，我想制作一个包含以下内容的响应标题：

• 全分辨率时以像素为单位保留边距的徽标图片
• pogo图片必须具有全分辨率时的全尺寸
• 全分辨率时具有6
• 和1500宽度的导航菜单

没有引导。你对此有什么建议？到目前为止，我所做的是没有响应的，在全尺寸（宽度：1920px）上，度量是很好的，它看起来正是应该的，但是当我尝试调整浏览器的大小时，它不在一行中，即使我声明包含它们的div“inner”是width:100%，并且两者都是width:100%

代码是这样的：

.inner{
宽度：100%；
}
.导航{
显示：内联块；
浮动：对；
文本对齐：居中；
填充顶部：47px；
垫底：27px；
最大宽度：1555px；
宽度：100%；
}
李先生{
显示：内联块；
宽度：16%；
}
.导航ul{
最大宽度：1500px；
}
.包装图案{
显示：内联块；
最大宽度：365px；
宽度：100%；
}
.小标志{
最大宽度：143倍；
宽度：100%；
左侧填充：220px；
}

使用媒体查询

Here goes my Desktop resolution css 

    @media only screen and (max-width: 600px) {

    /* Here goes my Mobile resolution css */

        body {
            background-color: lightblue;
        }
    }

---

对于bullet 1，您将需要以下内容

.small-logo {
    margin-left: 10%;
}
@media only screen and (max-width: 600px) {
    .small-logo {
        margin-left: 0;
    }
}

子弹2我猜应该是Logo而不是Pogo。基于提供的代码。小标志是你唯一的标志，所以你会这样做

.small-logo{
    width: 100%
}

导航菜单有哪些功能？柱？按钮？独角兽

将内部类或最好是最大content div的id设置为max，我通常喜欢将内容居中，并留出一些边空白，因此我将基本内容放在注释中

.inner{
    max-width: 1500px;
    width: 100%;
    /*width: 85%;
    margin: auto 0;*/
}

您是否试图使徽标包装和导航水平对齐

display: inline-block;

---

使用@media screen在不同的屏幕宽度中进行样式设置。我通常在桌面布局之前编写移动布局，我发现桌面布局更容易调整。此外，您选择的图像对于导航栏来说相当大，我不会使用任何高度高于50px的图像。你可以做的是，你可以调整标志的大小，并保持比例。如果这适合你，我可以给你写一个解决方案