如何在CSS的帮助下增加页面宽度？

Question

请看看我在页面中显示记录列表，每个列表项目也有一个菜单

IMAGE1

页面显示正常

图像2

在这里你可以检查所有菜单项是否都没有显示，因为这是List的最后一项。有人可以建议如何在第二种情况下增加页面高度

修改

添加以下css代码后

.dropdown-menu {
  position: relative;

}

页面看起来像这样

编辑2：

使用CSS

.dropdown-menu.pull-right {
    right: 0px;
    left: auto;
}
.pull-right {
    float: right;
}
.pull-right {
    float: right !important;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0px;
    margin: 2px 0px 0px;
    list-style: outside none none;
    font-size: 13px;
    background-color: #FFF;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    background-clip: padding-box;
}
ul, ol {
    margin-top: 0px;
    margin-bottom: 9px;
}
* {
    box-sizing: border-box;
}

Answer 1

试试这个： 如果下拉菜单position为absolute，请将其更改为relative。此外，如果Right css代码将其更改为float:right。

.menu-css{
position: relative;
float:right;
} 

Answer 2

解决此问题的最佳方法是，当您位于页面底部时，从该位置向上打开菜单。