[英]margin-left is adding space on right side of div
I am building a nav and when I put margin-left: 20px
on my nav ul li
, it is pushing the div from the right side outward. 我正在构建导航,当我在
nav ul li
上margin-left: 20px
插入margin-left: 20px
时,它会将div从右侧向外推。 Text-align is right. 文本对齐是正确的。 Interestingly, if I switch the
float: left
to f loat: right
on the nav ul li
, it doesn't push the text out, but it does reverse the order. 有趣的是,如果我在
nav ul li
上将float: left
切换为f loat: right
,则不会将文本推出,但会颠倒顺序。
Please be gentle, I'm new at this stuff :) 请保持温柔,我是新手:)
Here is the HTML: 这是HTML:
<nav>
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact</a></li>
<li></li>
</ul>
</nav>
And the CSS: 和CSS:
nav {
margin: 20px 0;
float: right;
}
nav ul li, nav ul li a {
text-align: right;
float: left;
font-size: 20px;
color: #ff5800;
}
nav ul li {
margin-left: 20px;
}
nav ul li a:hover {
color: #44cc00;
}
Thanks! 谢谢! Jason
杰森
我不是100%理解这个问题,但是(在您的前3分之内)空的li会给人一种印象,那就是在“错误”的一面增加了边距?
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.