如何通过CSS的帮助来增加页面宽度？

请看看我显示在页面中记录的名单和每个项目有一个菜单也如何通过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; 
}

来源

2015-04-14 Subodh Joshi

[你有什么试过]（http://mattgemmell.com/what-have-you-tried/）？ – Brewal

或者在页面底部添加一些空格以迎合菜单，或者向菜单添加一些功能，以便在页面底部实际触及页面而不是向下。（如果这是有道理的）。 –

我试图添加Listbox和Page以及其他组件的高度，但不是固定的 –

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

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

来源

2015-04-14 09:03:03

我试过这个位置：相对;但它正在改变它奇怪的改变菜单按钮位置正确 –

@我编辑了我的答案。再试一次。 –

它增加listcell高度以及现在listcell有相同的高度，如菜单 –

最好的办法是，从该位置向上打开菜单，当你在页面的底部。

来源

2015-04-14 07:49:47 Ebrahim

任何想法如何编写该CSS？ –

如何通过CSS的帮助来增加页面宽度？

回答

相关问题