Как убрать горизонтальную полосу прокрутки?

Здравствуйте! У меня возникла проблемка: появилась горизонтальная полоса прокрутки в конце страницы после того, как я установил для body значение width: 100%. Но без него изображение не растягивается на полную ширину. Подскажите, пожалуйста, в чём ошибка? Заранее спасибо)

Код HTML:

<!DOCTYPE html>
	<html>
		<head>
			<meta charset="UTF-8">
			<title>Travel and Hotel</title>
			<link rel="stylesheet" href="style.css">
			<link href="https://fonts.googleapis.com/css?family=Smythe" rel="stylesheet">
		</head>
		<body>
		
			<header>
				<div class="center-block-main clearfix">
					<div class="logo">
						<h2>
							<span class="logoIndo">Indo</span> 
							<span class="LogoTourism">Tourism</span>
						</h2>
					</div>
					<div class="nav">
						<ul class="menu">
							<li>Home</li>
							<li>About Us</li>
							<li>Projects</li>
							<li>
								<div class="btn-border">
									Contact Us
								</div>
							</li>
						</ul>
					</div>
				</div>
			</header>
			
			
			<div class="image-block center-block-main clearfix">
				<!--<h2>I Like To Ask The Same Question</h2>
				<h2 class="text-h2">Many Many Times</h2><br>-->
				<!--<div class="btn-ask">
					Ok ask me
				</div>-->
			</div>
			
		
		</body>
	</html>


Код CSS:

html{
	width: 100%;
    height: 100%;
}

body{
	font-family: font-family: 'Smythe', cursive;
	width: 100%;
    height: 100%;
}

.center-block-main{
	max-width: 1024px;
	margin: 0 auto;
}

.clearfix:after {
    clear: both;
    content: "";
    display: table;
}

/*HEADER*/
.logo{
	float: left;
}

.nav{
	float: right;
}

.logoIndo{
	color: #1298dd;
	font-size: 30.35pt;
}

.LogoTourism {
	color: #8d8d8d;
	font-size: 30.35pt;
}

.menu li{
	padding: 20px 20px;
	color: #818181;
	list-style: none;
	display: inline-block;
}

.btn-border{
	background-color: #34aef6;
	background: linear-gradient(to top, #1784d1, #34aef6);
	color: #fff;
	padding: 5px 15px;
	border-radius: 3px;
	cursor: pointer;
}

.header{
	overflow: hidden;
	display: block;
}

/*---HEADER---*/

/*CONTENT*/

.image-block{
	margin-top: -10px;
	
	min-width: 100%;
	min-height: 100%;
	background-image: url(Image/Content-Image.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
}

/*.image-block img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
}*/

/*.image-block{
	margin-top: 115px;
	max-width: 1280px;
	margin-top: -20px;
	background-image: url(Image/Content-Image.jpg);
	min-height: 80%;
	background-repeat: no-repeat;
	background-size: cover;
}

.image-block h2{
	font-size: 2.600em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	padding-top: 190px;
}

.image-block .text-h2{
	font-size: 2.600em;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
}*/

/*.image-block img{
	/*max-width: 100%;
	width: 100%;
	height: 600px;
	display: flex;
}*/

.btn-ask{
	background: linear-gradient(to top, #38b026, #6ad054);
	padding: 5px 10px;
	color: #fff;
	max-width: 15%;
	text-align: center;
	border-radius: 3px;
	font-size: 34px;
}


/*--CONTENT--*/
  • Вопрос задан
  • 32 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы