@Rubix
Учусь на React-разработчика.

Не появляется overflow-x?

Почему не появляется overflow-x у элемента .container?
<!DOCTYPE html>
<html>
<head>
	<title>Title</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="popup">
	<div id="inner">
		<div class="container">asdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasdasadsasdasdasdasdasdasdsadasdaasdaaasdasdasdasdasdsdfsdfsdfsdfdsf</div>
	</div>
	<div id="btn-set">
		<button autofocus>OK</button>
	</div>
</div>
</body>
</html>

body {
	font-family: Calibri;
	background-color: #89898A;

}
#popup {
	width: 238px;
	height: 141px;
	background-color: white;
	margin-left: 50%;
	margin-top: 37vh;
  transform: translateY(-50%)
						 translateX(-50%);
	border: solid 1px #696969;
	border-radius: 2px;
	font-family: Arial;
	font-size: 12px;
	max-width: 780px;
}
#popup #btn-set {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 55px;
	background-color: #F2F2F2;
	border-top: solid 1px #E6E6E6;
	box-sizing: border-box;
}
#popup #btn-set button {
	position: absolute;
	padding: 0 27px;
	padding-bottom: 3px;
	margin-top: 14px;
	right: 0;
	margin-right: 25px;
}
#popup #inner {
	text-align: center;
	margin-top: 36px;
}
.container {
	display: inline;
	overflow-x: visible; /* или что здесь нужно поставить? */
}
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
Psixodelik
@Psixodelik
Преподаватель на Hexlet
Уберите inline. Оставьте такой код:

.container {
  overflow-x: hidden;
}


Обратите внимание, что значение свойства изменилось
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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