主题二十三小工具区域明确

时间:2015-05-18 作者:Nikola

我在我的小部件区域上放了很多东西,现在如果帖子不够长,我的小部件区域会溢出到页脚区域,如下图所示:

enter image description here

现在,我不是一个设计师,但我一直在google上搜索并试图找出所需CSS的确切位置(我发现我应该使用某种clearfix解决方案)。

我尝试添加<div style="clear:both;"></div> 在几个地方(在页脚之前,在小部件最后一个结束div之前,以及一些随机的地方),但运气不好。

因此,向可能已经处理过这个确切问题的人发出善意的帮助请求。

我的帖子示例如下:nikola-breznjak

1 个回复
最合适的回答,由SO网友:m4n0 整理而成

有很多方法可以做到这一点。这是因为position: absolute 在侧边栏上,容器使其与页脚重叠。

尝试使用此CSS覆盖。这是一种静态解决方案:

body.single .hentry // Selects the single posts
{
  min-height: 2000px; // Set this according to the height of the sidebar
}  
这是一个更好的解决方案:

只使用较大的设备宽度,因为下面的CSS将重组移动设备元素,以避免我们可以设置media-queries

@media (min-width: 992px) { 
  #main {
    overflow: hidden; 
  } 

  #primary.content-area {
    float: left;
  }

  .site-main .sidebar-container {
    position: relative;
    float: right;
    width: 25%;
    height: auto;
    padding: 0 15px;
  }
}

结束

相关推荐

如何在我的iframe插件中插入html/css/js?

我目前有一个iframe插件,它通过短代码显示在WordPress页面上。目前,我一直在iframes“src”中显示网站,但最近我遇到了一个问题,即显示我自己的html/css/js页面。Here is a functioning html page for a chatbox that I would like to include in my iframe.聊天室的文件很大,显示聊天室的html文件使用谷歌的cdn,并从其他文件获取脚本/样式标记。The code for my iframe plu

主题二十三小工具区域明确 - 小码农CODE - 行之有效找到问题解决它

主题二十三小工具区域明确

时间:2015-05-18 作者:Nikola

我在我的小部件区域上放了很多东西,现在如果帖子不够长,我的小部件区域会溢出到页脚区域,如下图所示:

enter image description here

现在,我不是一个设计师,但我一直在google上搜索并试图找出所需CSS的确切位置(我发现我应该使用某种clearfix解决方案)。

我尝试添加<div style="clear:both;"></div> 在几个地方(在页脚之前,在小部件最后一个结束div之前,以及一些随机的地方),但运气不好。

因此,向可能已经处理过这个确切问题的人发出善意的帮助请求。

我的帖子示例如下:nikola-breznjak

1 个回复
最合适的回答,由SO网友:m4n0 整理而成

有很多方法可以做到这一点。这是因为position: absolute 在侧边栏上,容器使其与页脚重叠。

尝试使用此CSS覆盖。这是一种静态解决方案:

body.single .hentry // Selects the single posts
{
  min-height: 2000px; // Set this according to the height of the sidebar
}  
这是一个更好的解决方案:

只使用较大的设备宽度,因为下面的CSS将重组移动设备元素,以避免我们可以设置media-queries

@media (min-width: 992px) { 
  #main {
    overflow: hidden; 
  } 

  #primary.content-area {
    float: left;
  }

  .site-main .sidebar-container {
    position: relative;
    float: right;
    width: 25%;
    height: auto;
    padding: 0 15px;
  }
}

相关推荐

在带有PHP的子主题中包含style.css

在里面https://codex.wordpress.org/Child_Themes 这是包含样式的最佳实践。css在子主题中,必须将下面的代码放入函数中。php的子主题,但将“父样式”替换为可以在函数中找到的父主题的参数。父主题的php。我在我的主题文件中找不到它,那里也没有多少代码。使用@import包含父主题样式表的方法不适用于我,放入文件的css不会在任何浏览器的站点上显示自己。function my_theme_enqueue_styles() { $parent_s