CSS是网页设计中不可或缺的一部分，它可以控制网页的布局和样式。其中一个比较有用的技巧是从底部开始现实。当我们需要在网页的底部显示一些信息时，比如页脚，可能会遇到一些问题。如果我们使用一般的布局方式，即在HTML中添加一个div并设置其位置为fixed，那么这个div将一直停留在网页的底部，遮挡住了其他内容，这是我们不希望看到的。

如果我们采用从底部开始现实的方式，那么这个问题就可以得到解决。这种布局方式使用CSS3提供的一些属性来实现，主要涉及以下几个属性：

body {
height: 100%;
display: flex;
flex-direction: column;
}
main {
flex: 1;
overflow: auto;
}
footer {
padding: 10px;
}

首先，我们需要将body的高度设置为100%，这样使得body元素占据整个网页的高度，而不仅仅是视口的高度。然后，我们将body的display属性设置为flex，并将flex-direction设置为column，这样就将其中的元素按垂直方向排列。

接下来，我们给main元素设置flex属性为1，这意味着main元素将占据body中所有剩余的空间。同时，我们给main元素设置overflow属性为auto，这样当内容过多时，main元素就会出现滚动条。

最后，我们给footer元素设置一个padding值，使得它能够有足够的空间显示内容。按照这种方式，我们就可以实现从底部开始显示内容的效果。