Изменение ширины при увеличении

sfc · July 12, 2012

Допустим, есть такой код:


<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>...</title>
	<style>
		body {margin: 0}

		#header {background: green}

		.wrap {
			width: 980px;
			margin: 0 auto;
			border: thin solid red
		}
	</style>
</head>
<body>
	<div id="header"><div class="wrap">
		text
	</div></div>
</body>
</html>

Почему при увеличении масштаба ширина #header становится меньше ширины .wrap и, как следствие, появляется область без фона зеленого цвета?

Edited July 12, 2012 by sfc

hypnocolor · July 12, 2012

Потому что #header занимает ширину окна браузера (без прокрутки), а у .wrap фиксированная ширина. При увеличении масштаба .wrap выходит за пределы окна браузера, появляется прокрутка, после которой #header кончается, и вы видите белый фон страницы.

Sign In

Изменение ширины при увеличении

Question

sfc

Link to comment

Share on other sites

1 answer to this question

Recommended Posts

hypnocolor

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information