Пожалуйста, посмотрите, я показываю список записей на странице, и каждый элемент списка имеет меню также
Изображение1
Он отлично отображается на странице
Image2
Здесь вы можете проверить, что все пункты меню не отображаются, потому что это последний элемент списка. Может ли кто-нибудь предложить, как увеличить высоту страницы во втором случае?
РЕДАКТИРОВАТЬ:
После добавления кода css
.dropdown-menu {
position: relative;
}
Страница выглядит так
EDIT 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;
}
Попробуйте это: если выпадающее меню position
absolute
измените его на relative
. Также, если Right
код CSS изменит его на float:right
.
.menu-css{
position: relative;
float:right;
}
Лучший способ решить это - открыть меню вверх с этой позиции, когда вы находитесь в нижней части страницы.