显示：没有人占用空间

Question

好的，我的显示器有点问题：无; CSS仍占用页面上的空间。你可以在这里看到问题。

https://neueda-consulting.squarespace.com/news-blog

内容应居中 - 不要向左移动。我需要rightSidebar出现在其他页面上，因此无法以物理方式删除HTML。

我已经设法提出了所有这些。

#rightSidebar {
display:none !important;
width:0px !important;
}

aside{
  width:0px !important;
  display:none !important;
}

article{
  display:bock;
  width:100% !important;
}

Answer 1

这种转变与display: none无效有关。问题是您在.collection-type-blog #content上指定了宽度。删除或覆盖它，内容将显示为居中。

Answer 2

#content区块calc(100% - 255px)上有宽度。因此，您必须计算margin-left以使#content居中，因此请将以下规则添加到内容块：

.collection-type-blog #content{
  ...
  margin-left: calc(255px/2);
 }