0

我正在使用 Bootstrap 3,我想利用他们令人愉快的列表格式。但是,我正在尝试创建一个单页站点,并且列表的长度很糟糕,因为项目太多并且包含的​​元素向下延伸到屏幕底部。包含元素被限制在屏幕总高度的 30%,而不是绝对像素。

我真正想要的是一个类似于<select multiple="true">-type 控件但具有引导样式的控件。自然地,引导程序建议不要使用选择/选项标签,因为它们不能很好地采用跨浏览器样式。

我试图将列表强制到一定高度,但不断撞到各种类型的墙壁。当我第一次尝试使用 SCSS 计算我实际想要的高度时(H2 + 三个的高度<li>),我发现自己无法弄清楚所有引导变量的相关性。当我尝试将父元素设置为 时overflow-y:scroll,整个元素滚动,我只希望列表部分滚动。最后,仅仅试图将引导类附加到选择/选项列表是行不通的,这可能是可以预见的。

任何帮助,包括重定向到更好的设计都是有用的。

4

1 回答 1

0

随着我深入挖掘,问题变得更加清晰。问题实际上是我在错误的元素上设置了明确的高度。我试图在我的列表上设置一个百分比高度,而没有在我的包含 div 上设置它。

一旦我明确地将包含的 div 和列表的高度设置为 100%,然后设置overflow-y:scroll,我得到了我想要的结果。

于 2013-10-29T17:52:13.400 回答