Блог

Главная - Вопросы по программированию - Сделайте 1 div экран по центру 1 div справа

Сделайте 1 div экран по центру 1 div справа

#html #css

Вопрос:

почти уверен, что на него где-то ответили, но я ничего не смог найти.

Я пытаюсь настроить страницу записи в блоге и хотел бы, чтобы содержимое было сосредоточено по центру экрана, а боковая панель была справа. как показано ниже. Спасибо за вашу помощь.

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

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

1. вы можете использовать сетку. возможный пример .main {display:grid;grid-template-columns:1fr auto 1fr;} .div1{grid-column:2;width:xx;}.div2{grid-column:3;} Вы должны опубликовать свой минимальный код, чтобы воспроизвести вашу проблему. бедный вопрос закрыт. Добро пожаловать

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

Ответ №1:

 .main-div{
  width: 100%;
  border: 5px solid black;
  justify-content: center;
  padding: 1px;

}
.div-1{
  margin: 0px auto 0px auto;
  height: 1000px;
  width: 300px;
  border: 5px solid black;
}
.div-2{
  position: fixed;
  right:10px;
  top:30px;
  height: 200px;
  width: 200px;
  border: 5px solid black;
} 
 <div class="main-div">
  main-div
  <div class="div-1">div-1</div>
  <div class="div-2">div-2</div>
</div>
Метки: