调整大小时如何使位置绝对不重叠内容？答案

【问题标题】：How can I make a position absolute NOT overlap content when resized?调整大小时如何使位置绝对不重叠内容？
【发布时间】：2015-05-09 06:51:11
【问题描述】：

我正在使用 WordPress。我下载了一个社交图标插件并将其放在我的固定导航栏上。我使用绝对位置，这样它就不会占用任何空间并使导航框变大。

我使用主题页面行 DMS

这是我用来将社交图标放在导航栏页面顶部的代码。

.social-icons {
    position: absolute;
    left: 420px;
    top: -10px;
}

每次我调整浏览器大小时，图标都会与我的菜单选项卡重叠。

当窗口变小时，我希望它能够调整而不重叠任何内容。

我尝试使用@media，但它对我不起作用

请访问https://hughesjobs.net 了解我所指的确切内容

【问题讨论】：

当您减小浏览器的宽度时，菜单会一直向上到徽标，然后落在徽标下方 - 因此社交图标无处可去 - 理想情况下您希望它们在哪里调整大小时去吗？
我希望它们在超过 600 像素后消失

标签： jquery css wordpress responsive-design fluid-layout

【解决方案1】：

试试下面的代码，缩小图片大小。这将帮助您获得更好的 UI 外观。

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

 a.sficn img{
   padding-bottom: 25px !important;
   margin: -18px !important;
   width: 17px;
   height:auto ;
}

【讨论】：