Как сделать так, чтобы выделенная красным кнопка всегда была в углу, а остальные элементы при масштабировании передвигались по блоку, "игнорируя" место, над которым находится выделенная кнопка, а не заползали под нее? Подтолкните пожалуйста на верный путь, гугление не помогло.
1 ответ
Вот вам старый добрый рабочий вариант, который будет работать везде, даже на деревяшке:
.container {
width: 260px;
background: lightgray;
padding: 10px;
overflow: hidden;
}
.left,
.right {
display: inline-block;
margin: 5px;
padding: 10px 20px;
border: 1px solid;
}
.left {
float: left;
background-color: gray;
}
.right {
float: right;
background-color: red;
}
<div class="container">
<div class="right"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
<div class="left"></div>
</div>
-
-
1