Question

所以...我的大脑刚刚停止工作。我想要创建的是一个菜单，它会一直显示在屏幕的末尾（无论我使用什么分辨率）。我已就需要帮助的部分发表评论。（第64行）

.menu > li:nth-child(3){
width:70%;
overflow-x:hidden;
float:left;
margin-top:0;
position:relative;

} 非常感谢帮助！ http://puu.sh/cUlPx/90c4b578fa.png 这就是我要的。最后一节nth-child（3）的宽度将是无限的。（或自动适应屏幕宽度）

Answer 1

你期待这样的事吗

.menu > li:nth-child(3){
float:right;
position:relative;
}

Answer 2

 .menu > li {
float: left;
 height: 100%;
width: 30%; 
width: calc((100% - 90px) / 5);
width: -moz-calc((100% - 90px) / 5);
width: -webkit-calc((100% - 90px) / 5);
position:relative;
 z-index:1;
}
.menu > li:nth-child(3){
margin-top:0;
width:100%;
z-index:0;
position:absolute;
height:90px;
 } 



.menu > li.home {
background: #00CCFF url(../images/home.png) center no-repeat; /* detta var 3E454D innan */
width: 90px;
}

.menu > li.current {
 background-color: #00CCFF !important; /* !important VS .menu li:hover #F2762E */
 box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;

 }

更新了Jsfiddle：http://jsfiddle.net/x2jsqbmf/4/

感谢参与试图帮助我的每个人！

使菜单转到页面宽度的末尾

2 个答案: