Question

所以，我附上了两张图片，表明我想要这样做。拜托，有人可以给我建议吗？附：我试图使用maring-right，但它没有用。

＆＃13;

.topnav {
    width:750px;
    margin:0 auto;
    overflow: hidden;
    background-color: red;
    font-family: Verdana,"Sans-serif",Helvetica,Arial;
    font-size: 11px;
    font-weight: 700;
    text-align:center;
}

/* Стиль ссылок навигации */
.topnav a {
    margin:0 auto;
    display:inline;
    margin-left:3px;
    float:left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 5px 10px;
    text-decoration: none;
}

/* Изменение цвета при наведении */
.topnav a:hover {
    color: orange;
}

＆＃13;

   <nav>
    <div class="topnav"> <!--Верхнее меню -->
  <a href="#top">Новости</a>
  <a href="#top">О Суде</a>
  <a href="#top">Решения КС РФ</a>
  <a href="#top">Заседания КС РФ</a>
  <a href="#top">Контакты</a>
    </div>
    </nav>

＆＃13;

Answer 1

将.topnav的宽度更改为100％或完全删除它，因为div默认填写所有水平空格。如果您想要左边的全宽和空白，请使用margin或margin-left属性。

https://jsfiddle.net/nb5yh30z/1/

Answer 2

使用float：right;是正确的方法。

.topnav {
    float:right;
    overflow: hidden;
    background-color: red;
    font-family: Verdana,"Sans-serif",Helvetica,Arial;
    font-size: 11px;
    font-weight: 700;
    text-align:center;
}

如何增加右侧的红色块？

2 个答案: