如何使溢出:隐藏真正隐藏的内容?

不要使用表格布局,表格单元格分隔符设置宽度/高度时出现问题,因此无法遵循溢出规则。
更新layout.css中的以下css属性,这将使您开始:

#content{
    display:block;
    height:90%;
    overflow:hidden;
    vertical-align:top;
}

#content-inner{
    display:block;
    height:100%;
    vertical-align:top;
}

.article{
    display:inline-block;
}

现在还不清楚你想要什么,也许可以贴个速写?

无论如何,我想避免使用水平滚动条。做那套 #content { width: 61%;} (基于CSS的其余部分)。目前,在 布局规则 , #content width 设置为305%。

重新:

@BrockAdam,我的意思是我想让Div.Article-Content占屏幕的80%,而不是父容器的80%。我相信这可以通过强制父级的DIV内容完全是屏幕的100%,而不是更多来实现。但我不知道怎么做。

div.article-content 当前在页面中出现5次。将其设置为屏幕的80%将使页面宽度至少比用户能看到的宽400%。

问题:

1. 第一个DIV的ID是“header”,但它是向左浮动的,只有39%宽。这是页眉(页面顶部的栏)还是左侧栏?
2. 文章应该在5个小列中,在同一行,还是应该一个接一个地滚动到页面上?

同样,示例页面的语句和语义也不清楚。张贴一个快速的草图 渴望的 布局将帮助我们帮助您。