Question

我对HTML或类似的东西不是很了解所以请耐心等待！所以我正在编辑一个tumblr主题（其他人制作，而不是我），我将侧边栏从右向左移动，这使得主题上的所有内容都搞得一团糟。我几乎看到我想要布局明智，但容器不会拉伸以匹配帖子或页面等。你可以在这里看到我的意思（抱歉无法发布图片）：

vbthemes.tumblr.com/page

即使在主页上，它也不足以超越分页。

理想情况下，我希望容器能够向下延伸到页面上帖子/帖子的底部。

这是容器的代码：

/ / CONTAINER / /

 .containerbg{
padding:20px;
margin-left:-40px;
margin-top:29px;
background:{color:containerbg};
padding-top:10px;
width: 880px;
height: 100%;
z-index:-1000;
}

任何人都可以给我任何提示吗？如果你需要，我可以提供更多的代码，因为我说我是一个巨大的菜鸟。

（主题是由themesofcaroline.tumblr.com制作的，我不相信它）

Answer 1

我在测试时遇到了问题，但这应该可行。

将以下css添加到您的主题：

/* -------------------------------
CLEARFIX FLOATING FIXES
---------------------------------- */
.clearfix:after { 
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
  .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear { overflow:hidden; clear:both; height:1px; margin:-1px 0px 0px 0px; font-size:1px; }
.clear-simple {clear:both; }

然后将clearfix类添加到容器中。所以：

 <div class="containerbg clearfix">

未经测试但请尝试一下。

Tumblr主题 - 容器不会拉伸匹配帖子

1 个答案: