html - css div margin-right 不起作用

Question

我在页面顶部做了一个简单的导航栏，导航栏里面有一张图片。我想将图像对齐到导航栏的右侧，但由于某种原因它不会对齐到右侧。我在图片上尝试了以下操作:

margin-right: 0;
right: 0;
margin-right: 0%;

等等

这是我的代码:

<div id="navBar">
    <img src="" id="navPNG">
</div>

#navPNG {
    left: 50;
    width: 75px;
    height: 75px;
    display: block;
}

#navBar {
    background-color: #3B3B3B;
    right: 0;
    left: 0;
    height: 75px;
    position: fixed;
    display: block;
}

请记住，无论用户向下滚动多远，我都希望导航栏保持在页面顶部。

Answer 1

试试float:right to the image

#navPNG { float :对；