我有浮动问题。我在做导航栏。它应与左浮动内联，并且最后一项必须在行的末尾（右浮动）。
我尝试了margin-left，但这不好。。。
ul {
position: static;
list-style-type:none;
margin-left:150px;
margin-top: 11px;
padding:0;
overflow:hidden;
}
ul li{
float: left;
margin-left: 30px;
}
ul li a{
color: inherit;
text-decoration: none;
height: 72px;
font-weight: bold;
font-size: 19px;
}
ul li:last-child a{
position: relative;
margin-right: 0%;
}
您应该将最后一项浮动，就像这样简单：
ul li:last-child {
float: right;
}
JSfiddle：http : //jsfiddle.net/PhilippeVay/eLLa4/（当我看不到它们在此小提琴中的用处时，删除了所有多余的声明，例如不移动顶部，右侧，底部的孩子的相对位置或离开...）
完整的CSS：
ul {
list-style-type: none;
margin-left: 150px;
margin-top: 11px;
padding: 0;
overflow: hidden;
}
ul li {
float: left;
margin-left: 30px;
}
ul li:last-child {
float: right;
}
ul li a {
color: inherit;
text-decoration: none;
height: 72px;
font-weight: bold;
font-size: 19px;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句