Javascript 我得到2个滚动条使用MDL,我如何才能修复它?
我得到2个滚动条使用谷歌的mdl。我在下面添加了我的html。我怎样才能解决这个问题?Javascript 我得到2个滚动条使用MDL,我如何才能修复它?,javascript,html,css,material-design,material-design-lite,Javascript,Html,Css,Material Design,Material Design Lite,我得到2个滚动条使用谷歌的mdl。我在下面添加了我的html。我怎样才能解决这个问题? 您的代码笔出现了许多问题 多个布局 出于某种原因,您的代码笔中似乎有一个额外的布局。我假设这是一个复制粘贴错误 嵌套网格 使用嵌套格线时,请确保内部格线同时是mdl单元格和mdl格线,否则内部格线不会充当格线。因此,在您的代码片段中: <div class="mdl-grid"> <div class="mdl-cell mdl-grid mdl-cell--8-col mdl-cel
您的代码笔出现了许多问题 多个布局 出于某种原因,您的代码笔中似乎有一个额外的布局。我假设这是一个复制粘贴错误 嵌套网格 使用嵌套格线时,请确保内部格线同时是
mdl单元格
和mdl格线
,否则内部格线不会充当格线。因此,在您的代码片段中:
<div class="mdl-grid">
<div class="mdl-cell mdl-grid mdl-cell--8-col mdl-cell--8-col-desktop mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<div class="mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--12-col"></div>
<div class="mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--12-col"></div>
</div>
<div class="mdl-cell mdl-grid mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone"></div>
</div>
菜单按钮位置
菜单按钮位于卡的外部和网格的内部,而不是单元格。在触发菜单之前,这会导致溢出和定位问题。将它们移动到卡片中(我认为您需要它们的地方)可以解决这个问题
重复ID
您对所有菜单按钮使用了相同的ID,这导致单击鼠标即可触发所有菜单
菜单项中缺少类
您在某些菜单项中缺少某些类
我在中为您解决了所有这些问题。如果您从此主标记中删除mdl-LAYOU内容类,它将删除第二个滚动条。这是可行的,但会有其他影响吗?我是mdl新手&不知道mdl-layout\u的内容
<div class="mdl-grid">
<div class="mdl-cell mdl-grid mdl-cell--8-col mdl-cell--8-col-desktop mdl-cell--12-col-tablet mdl-cell--12-col-phone">
<div class="mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--12-col"></div>
<div class="mdl-shadow--2dp mdl-color--white mdl-cell mdl-cell--12-col"></div>
</div>
<div class="mdl-cell mdl-grid mdl-cell--4-col mdl-cell--4-col-desktop mdl-cell--4-col-tablet mdl-cell--12-col-phone"></div>
</div>