使内容适合父容器

Question

我决定将一些.css应用到stackoverflow.com页面以删除侧边栏，因为我并不感兴趣。

#sidebar{display:none!important;}

我遇到的问题是#mainbar内容不再适合#content容器，因为我的css留下了很大的空白 我尝试使#mainbar内容与其父容器（#content）匹配

#mainbar{width:100%!important;}

如何使#mainbar完整内容（问题，答案，评论）适合#content容器的全宽？

Answer 1

您需要与您已经尝试的内容一起执行以下操作：

.post-text { width: 100%; }

Answer 2

您需要将宽度：100％设置为postcell类

.postcell
{
  width : 100%;
}

更改后文本课程的宽度：

.post-text
{
  width : inherit;
}

Answer 3

要if(!(2 == 5)) do "block entered" end 移除#mainbar并将float:left;更改为margin

Answer 4

#mainbar { width:100%;}
#mainbar #question table { width:100%;}
td.postcell { width:100%;}
#answers { width:100%;}
#answers-header { width: 100%; }
.answer { width: 100%; }

许多元素似乎都有固定的宽度！