CSS网站图层结构

Question

我需要有关网站图层结构的帮助，我想看起来像这张图片website-example，但我对CSS中的display:函数感到困惑，有人解释我该怎么办？这是我到目前为止的代码：JSFIDDLE

如果display: table-cell类.news生病，所有html元素都搞砸了，我的期望是在news框之后开始换行，tickets为news在{{1}}框下，有人解释我应该怎么做才能解决这个问题。