@Cat_usual

Как закрепить элемент?

html:
<div id="wrap">
		<div id="test">
			<strong id="cent">Интересное:</strong>
			<ul>
				<li>Здоровье</li>
				<li>Новости</li>
				<li>Статьи</li>
			</ul>
		</div>

	  <div id="news">
		<div id="new">
			<img src="https://mir24.tv/uploaded/images/2017/December/12286d1ff7b5d2cc8b21a0286801bf57075c617f381f261453750afdbb3b13d7.jpg">
			<div id="new-cent">Деньги</div>
			<div id="new-text">В наше время многие не задумываются о ценности денег, но они очень важны.</div>
		</div>
		  <div id="new">
			  <img src="http://aforisma.ru/wp-content/uploads/2016/04/Vyskazyvaniya-o-zhizni.jpg">
			  <div id="new-cent">Жизнь</div>
			  	<div id="new-text">
			  		Жизнь - очень важное в нас, она ограничена, поэтому нам следует задуматься о ней прямо сейчас.
		  		</div>
		  </div>
		  <div id="new">
			  <img src="https://karelinform.ru/attachments/cbaaf68818da7bed278bdedda694c84a0c0e23ab/store/fill/780/440/11c79d1473f0a58d1b48ef3f6ac34eea5177cb09cb160c566930e7a5a7b8/%D0%B4%D0%BE%D1%80%D0%BE%D0%B3%D0%B8.jpeg">
			  <div id="new-cent">Дороги</div>
			  <div id="new-text">Знали ли вы о том, что наша страна пытается улучшить дороги, но не хватает средств на это всё.</div>
		  </div>
		  <div id="new">
			  <div id="new-cent">Школа</div>
			  <div id="new-text">Школа - это ад для неудачников.</div>
		  </div>
	  </div>
	</div>

css:
#wrap {
	margin-top: 10px;
	display: grid;
	grid-template-columns: 15% 84%;
	grid-gap: 1%;
}

#test {
	margin-left: 5px;
	height: 400px;
	background: #e3e129;
	border: 2px solid #33332e;
	border-radius: 5px;
	position: fixed;
}
#news {
	text-align: center;
	font-size: 45px;
	font-family: 'Anton', sans-serif;
	height: auto;
	border-radius: 10px;
	margin-right: 5px;
	display: grid;
	grid-template-columns: 32% 32% 32%;
	grid-gap: 1%;
}

#new {
	margin-right: 1%;
	margin-left: 1%;
	margin-top: 0.75%;
	border: 3px solid #d1635a;
	background: #d18066;
	border-radius: 7.5px;

}

#new>img {
	width: 100%;
	height: auto;
	border-radius: 10px;

}
#new-cent {
	text-align: center;
	font-family: 'Anton', sans-serif;
	font-size: 35px;
}

#new-cent:hover {
	color: #264504;
	cursor: pointer;
}

#new-text {
	text-align: center;
	margin-top: 3px;
	font-family: 'Anton', sans-serif;
	font-size: 15px;
	opacity: 0.6;
}

#cent {
	display: flex;
	justify-content: center;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
}
#test>ul {
	align-items: center;
	margin-top: 5px;
}
ul>li {
	margin-top: 3px;
	font-size: 25px;
}


Как сделать, чтобы элемент с id test закрепился и в него не входили div'ы?
5da5912a992a5104373603.png
  • Вопрос задан
  • 37 просмотров
Пригласить эксперта
Ответы на вопрос 1
Exploding
@Exploding
wtf?
id элемента в рамках документа должен быть уникален.
Для #wrap поставить padding-ги, или дивам этим - margin-ы или #test обернуть в свой врапер... и т.д.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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