我正在尝试为我的网站创建导航栏。除了购物车选项，我想加入购物车图片。我正在尝试使用 float:right; 和边距能够定位这个元素。由于某种原因，保证金被忽略并且不起作用。我查看了无数关于这个主题的问题，但没有一个答案与我的问题相关。任何帮助是极大的赞赏。再一次，我理解他们对我的问题有很多问题，但没有一个能解决问题。我也尝试过填充，但这也不起作用。在此先感谢您的帮助。不胜感激。下面是我的代码：
.cart {
clear: both;
margin-left: 975px;
margin-top: -25px;
float: right;
display: block;
overflow: auto;
}<body>
<nav>
<ul>
<li><a href="#">Categories</a></li>
<li><a href="#">Sale</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login/Sign Up</a></li>
<li><a href="#">Cart</a></li>
</ul>
</nav>
<img src="shoppingcart.png" class="cart" height=25 width=25>
</body>使用时float:right，使用margin-right属性是合乎逻辑的，因为float: right会将项目推到最右侧，如果要在元素和最右侧边界之间设置一些边距，则必须使用margin-right.
相反的方式将不起作用，因为您将元素设置为向右浮动，但同时您正在设置其左边距，它将被浮动属性覆盖。
设置左边距也是一种硬编码解决方案，即您不知道不同屏幕尺寸需要多大的边距。但相反，您很可能知道右侧的边距应该有多大。
请看下面的片段。
.cart {
clear: both;
margin-top: -25px;
margin-right: 50px;
float: right;
display: block;
overflow: auto;
} <nav>
<ul>
<li><a href="#">Categories</a></li>
<li><a href="#">Sale</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Login/Sign Up</a></li>
<li><a href="#">Cart</a></li>
</ul>
</nav>
<img src="https://d30y9cdsu7xlg0.cloudfront.net/png/28468-200.png" class="cart" height=25 width=25>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句