2

我有一个按以下顺序包含 div 的面板

<div id="portlet" class="ui-widget-content">
     <div id="header" class="ui-widget-header"> ....</div>
     <div id="content"> ... </div>
</div>

如果内容溢出，我的内容会获得滚动条。我有一个最大化按钮来最大化面板。因此，当我最大化面板时，我添加了以下 css 类。

.maximise {
    position: absolute !important;
    width: 100% !important;
    height: 100% !important;
    left: 0px !important;
    top: 0px !important;
    z-index: 1 !important;
 }

但后来我也得到了浏览器滚动条和内容滚动条。请帮忙！！！先感谢您。

4

2 回答 2

2

这通常是因为填充、边框或边距，因此请尝试将这些设置为0第一个。

宽度和高度都是在应用填充和边框之前计算的。如果这是一个百分比，则 div 的总宽度将是页面的 100% + 任何填充或边框。

您可以告诉浏览器在使用CSS 属性应用填充和边框后计算这些百分比宽度。box-sizing

.maximise { box-sizing: border-box; }

但是，这不适用于所有浏览器。您可能还需要特定于供应商的属性。

于 2013-01-16T10:18:48.517 回答
0

采用

overflow-x:hidden; 
overflow-y:hidden;

隐藏滚动条。

于 2013-01-16T10:17:18.280 回答