gpt4 book ai didi

html - 页面内容中的 Internet Explorer 溢出导致双滚动条

转载 作者:行者123 更新时间:2023-11-28 06:20:31 25 4
gpt4 key购买 nike

我正在使用带有以下 html(已缩短)的 Bootstrap 设计

<body>
<div class="page-container">
<div class="page-content">
<div class="page-content-wrap">
<div class="row">
<div class="col-sm-12" id="div1">
<!-- some table -->
</div>
</div>
</div>
</div>
</div>
</body>

该表是使用 ajax 调用动态加载的,这会导致溢出。 (还有其他静态的东西)IE10 中的问题是 body 和 page-content 都会产生一个滚动条,它们彼此重叠(至少在我的理解中)并且滚动非常笨拙。如果我从页面内容中删除“溢出:自动”,则滚动很好,但页面内容不适应溢出。我试过“ms-overflow-style”和“溢出”的不同配置,但我无法让它工作。

相关的 CSS 如下所示:

body {
min-height: 100%;
position: relative;
overflow-x: hidden;
}
.body-full-height {
height: 100%;
}
.body-full-height body {
height: 100%;
}
.page-container {
width: 100%;
float: left;
min-height: 100%;
position: relative;
}
.page-container .page-content {
min-height: 100%;
position: relative;
zoom: 1;
overflow: auto;
}

最佳答案

尝试切换到:

.page-container .page-content {
min-height: 100%;
position: relative;
zoom: 1;
overflow: null;
}

它可能会防止显示错误

关于html - 页面内容中的 Internet Explorer 溢出导致双滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35624205/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com