Выталкивание элемента

aqua.77 · November 13, 2016

Есть контейнер с шириной 1366px, в нём блок с шириной 1170px. Чтобы сделать этот блок резиновым я делю 1170 на 1366 и получаю 86.65%. Но когда ставлю эту 86.65% ширину блоку, элементы в нём не помещаются... почему ведь ширина осталась той же самой?

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
body{
	width:1366px;
}
.q1{
	width:370px;
	height:400px;
	background:black;
	float:left;
	margin-right:30px;
}
.q2{
	background:red;
	width:85.65%;
	overflow:hidden;
}
.q1:last-of-type{
	 margin-right:0;
 }

 <body>
<div class="q2">
<div class="q1"></div><div class="q1"></div><div class="q1"></div>
</div>
 </body>

green-vik · November 13, 2016

привет

пиши width не 85,65% а 85,66%, там изза округления теряеться часть, пиксель примерно

Edited November 13, 2016 by green-vik

aqua.77 · November 13, 2016

1 час назад, green-vik сказал:

привет

пиши width не 85,65% а 85,66%, там изза округления теряеться часть, пиксель примерно

Да ты прав, но если убрать фиксированный размер у бади и поставить max-width:1366px; вместо width:1366px; опять всё рушится

Sign In

Выталкивание элемента

Question

aqua.77

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

green-vik

Link to comment

Share on other sites

aqua.77

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information