Emchik
@Emchik
Что-то прикольное сделать могу

Как убрать этот отступ между родительским border и дочерним элементом?

Видите это расстояние между бордером родителя и заливкой дочерней? Как её убрать? Честно сказать, первый раз такое вижу.
60c0db9e1fb5e514319151.png

HTML:
<div class="preloader__progress">
	<div id="progressBar" class="preloader__progress-bar"></div>
</div>


CSS:
.preloader__progress {
	position: relative;
	overflow: hidden;
	height: 40px;
	width: 996px;
	max-width: 90%;
	margin: auto;
	border: 2px solid #fff;
}

.preloader__progress-bar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: #fff;
}


Такие штуки, как увеличение высоты и смешение не помогают, как будто там задана внутренняя прозрачная граница, но её там нет...
  • Вопрос задан
  • 87 просмотров
Решения вопроса 1
Emchik
@Emchik Автор вопроса
Что-то прикольное сделать могу
Сделал через градиент лоадер -> https://jsfiddle.net/70125g9x/49/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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