【问题标题】: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 ;
}

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2015-05-26
    • 2014-04-24
    • 1970-01-01
    • 2016-03-23
    • 1970-01-01
    • 1970-01-01
    • 2011-09-08
    • 1970-01-01
    相关资源
    最近更新 更多