2015-04-14 332 views
0

請看看我顯示在頁面中記錄的名單和每個項目有一個菜單也如何通過CSS的幫助來增加頁面寬度?

此搜索

它顯示在頁面精細 Displaying all menu item

鏡像2

Not displaying all items

在這裏您可以檢查所有菜單項不顯示,因爲這是List的最後一項。有人建議可以如何提高頁面高度在第二種情況下

編輯:

添加下面的CSS代碼是這樣

enter image description here

編輯

.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; 
} 
+0

[你有什麼試過](http://mattgemmell.com/what-have-you-tried/)? – Brewal

+3

或者在頁面底部添加一些空格以迎合菜單,或者向菜單添加一些功能,以便在頁面底部實際觸及頁面而不是向下。 (如果這是有道理的)。 –

+0

我試圖添加Listbox和Page以及其他組件的高度,但不是固定的 –

回答

1

試試這個: 如果下拉菜單positionabsolute更改爲relative。另外,如果有Right css代碼將其更改爲float:right

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

我試過這個位置:相對;但它正在改變它奇怪的改變菜單按鈕位置正確 –

+0

@我編輯了我的答案。再試一次。 –

+0

它增加listcell高度以及現在listcell有相同的高度,如菜單 –

0

最好的辦法是,從該位置向上打開菜單,當你在頁面的底部。

+0

任何想法如何編寫該CSS? –