下载在模态下打开 - CSS问题

时间:2018-02-22 14:33:49

标签: css html5 twitter-bootstrap css3 bootstrap-modal

我有一个bootstrap模式,由于我设置了很多东西overflow: auto,因此它内部有几个下拉菜单,所以它有滚动条(参见图片右侧的滚动条)。

现在的问题是,当我点击下拉列表时,它会在模态下打开(见图片)我需要下拉列表打开该模态。

P.S:我用Google搜索并找到了许多我们需要设置模态CSS属性overflow: visible的解决方案。但在我的情况下,我必须设置overflow: auto因为我在模态中有很多东西,滚动条是必要的,否则模态高度越过页面。

需要一些CSS专家来解决这个问题。

模态CSS

.modal {
  max-height: 250px;
  overflow: auto; 
}

下拉CSS

ul.dropdown {
  z-index: 999999;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

 ul.dropdown li {
  top: 110%;
  padding: 0;
  max-width: 500px;
  max-height: 197px;
  position: absolute;
} 

enter image description here

1 个答案:

答案 0 :(得分:0)

您好,您需要为您的下拉列表提供绝对位置

ul.dropdown li {
  padding: 0;
  max-width: 500px;
  max-height: 197px;
} 

和李儿童:

officer::docx_summary