Css 垂直滚动条破坏了设计
我为我的网站创建了一个响应性设计，其中包含两个固定容器-页眉和页脚。昨天我发现，当我将我的网站转换成应用程序（使用webview）时，固定容器会在一些手机中产生问题 所以，我找到了另一个使用display:table、display:table行和display:table单元格的解决方案 一切正常： 但如果我粘贴了一个长文本，就会出现垂直滚动条并取消设计 蓝色和黄色的容器必须保持在同一位置（我不能设置固定宽度，因为设计必须响应）。如果需要，我不想隐藏滚动条 如何解决此问题 HTMLCss 垂直滚动条破坏了设计,css,Css,我为我的网站创建了一个响应性设计，其中包含两个固定容器-页眉和页脚。昨天我发现，当我将我的网站转换成应用程序（使用webview）时，固定容器会在一些手机中产生问题 所以，我找到了另一个使用display:table、display:table行和display:table单元格的解决方案 一切正常： 但如果我粘贴了一个长文本，就会出现垂直滚动条并取消设计 蓝色和黄色的容器必须保持在同一位置（我不能设置固定宽度，因为设计必须响应）。如果需要，我不想隐藏滚动条 如何解决此问题 HTML <
<div class="mn_tab">
<div class="mn_row_head">
<div class="mn_cell_inner">
<div class="mn_head_in">
Header
</div>
</div>
</div>
<div class="mn_content">
<div class="mn_cell_inner">
<div class="mn_txt">
<div class="mn_hre">
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
<p>Content</p>
</div>
</div>
</div>
</div>
<div class="mn_row_foot">
<div class="mn_cell_inner">Footer</div>
</div>
</div>
使用下一个代码删除滚动条
::-webkit-scrollbar {
display: none;
}
html，
身体{
身高：100%；
保证金：0；
}
.mn_选项卡{
身高：100%；
宽度：100%；
显示：表格；
}
.mn_row_head，
.mn_含量，
.mn_row_foot{
显示：表格行；
}
.mn_row_head，
.mn_row_foot{
背景：银；
}
.mn\u单元\u内部{
显示：表格单元格；
文本对齐：居中；
}
.mn\u含量.mn\u单元内部{
身高：100%；
位置：相对位置；
背景：粉红色；
}
.mn_txt{
位置：绝对位置；
左：0；
右：0；
排名：0；
底部：0；
溢出：自动；
}
.mn_head_in{
背景：蓝色；
最大宽度：400px；
保证金：0自动；
填充：10px；
}
mn_hre先生{
背景：黄色；
最大宽度：400px；
保证金：0自动；
填充：10px；
}
：-webkit滚动条{
显示：无；
}
标题
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
内容
页脚
::-webkit-scrollbar {
display: none;
}