Задать вопрос

IbraimVeli

Ответы пользователя по тегу CSS

  • Как поднять дочерний блок над родительским без transform?

    @IbraimVeli
    смотря что ты имеешь в виду под поднять? слой или располжение?
    position:absolute для дочернего и relative для родительского не подойдет? А потом уже position поменяшь для дочернего.

    Ну а если отображать поверх, тогда z-index.
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать вставку по середине блока?

    @IbraimVeli 
    .search-block {
  width: 600px;
  height: 260px;
  background-color: #2A363B;
  border-radius:25px;
  float: left;
}

.raspredelator-block {
  width: 90px;
  height: 260px;
  background-color: #FECEA8;
  border-top-left-radius:25px;
  border-bottom-left-radius:25px;
  float: left;
}

.raspredelator-h2 {
  transform: rotate(-90deg);
  padding: 55px 5px 135px 5px;
  float: left;
}

.rsb {
  width: 90px;
  height: 260px;
  background-color: #FECEA8;
  float: right:
 
  
}

#output {
  font-family: cursive;
  font-size: 2em;
  animation: 100ms anim infinite alternate;
}

.input,
.btn-search {
  transform: rotate(-90deg);
  margin-top:120px;
  margin-left: 50px;
 
  
}


    <div class="search-block">
  <div class="raspredelator-block">
  <div class="raspredelator-h2">
      <h2>Распределятор</h2>
    </div>
  </div> 
  <input class="input"> </input>
<button class="btn-search">найти</button>
<div id="output">
    Ответ написан
    Комментировать
    Комментировать