@sinevik

Почему один div чуть больше другого?

У меня есть родительский div. У него задан размер. У дочернего элемента я ставлю width: 100%. Почему они не одинакового размера? Хочу сделать кастомный выпадающий список и столкнулся с такой проблемой?
5f1acca92b164232636281.png

Пример кода:
тык
  • Вопрос задан
  • 139 просмотров
Решения вопроса 2
dethain
@dethain
Верстальщик
Они одинакового размера, просто один не помещается под ширину другого (50px), у вашего второго ширина 52 (вместе с border), поэтому он уезжает вправо. Можете убедится и поставить своему второму блоку ширину в 48px (будет ровно 50 вместе в border и он четко будет в другом блоке.
Ответ написан
Комментировать
airman66
@airman66
[|]
Там на один пиксель позже начинает идти второй div, так как 1 px - левый бордер. Это можно исправить следующим кодом:
.div1 {
  width: 50px;
  height: 30px;
  position: relative;
  left: -1px;
  border: 1px solid green;
}

.div2 {
  top: 105%;
  width: 50px;
  height: 30px;
  position: absolute;
  left: -1px;
  border: 1px solid red;
}


То есть, мы каждый блок отводим влево на 1px, что компенсирует их бордер
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы