я хочу вырезать правую часть контейнера меню с помощью кода css

#html #css

#HTML #css

Вопрос:

пожалуйста, посмотрите на изображение ниже, я пытаюсь вырезать часть контейнера меню с правой стороны, оно простое, там ничего нет, и в данный момент оно не нужно, так как мне его сократить введите описание изображения здесь

это та часть, которую я хочу сократить, поскольку она бесполезна и тратит впустую пространство

я попытался использовать

 margin-top: 8px;
margin-bottom: 3px;
  

они не работают, вместо этого он только перемещает текст

вот что у него есть

 width: 1170px;
background: #fff;
box-shadow: rgba(0,0,0,.5) 0 3px 20px 0;
width: 1170px;
background: #fff;
box-shadow: rgba(0,0,0,.5) 0 3px 20px 0;
font-family: Arial, serif;
  

изменение с перемещает тексты вместо контейнера

Комментарии:

1. Установить ширину?

2. Вы указали белому контейнеру, что содержимое имеет заданную ширину?

3. Вам нужно будет опубликовать свой код здесь, чтобы мы могли видеть, что происходит.

4. Пожалуйста, предоставьте нам достаточно кода, чтобы воспроизвести проблему. Предварительно проверив фрагмент, используйте кнопку <> в редакторе, чтобы добавить автономный фрагмент. Сведя проблему к меньшему автономному примеру, вы можете найти ответ самостоятельно.

Ответ №1:

Использование margin-top и margin-bottom изменит только поля непосредственно над и под контейнером. Попробуйте установить свойство max-width для вашего контейнера:

 #YourContainer {
  max-width: 1000px;  /*You may need to change this to suit your page*/
}
  

Ответ №2:

я исправил это, спасибо, ребята

 width: 1170px;