浏览器不调整容器的高度:auto

时间:2013-09-26 18:48:59

标签: html css browser resize

创建一个容器div,例如1280 x 768 px,删除视口元标记,任何体面的浏览器都会自动调整容器大小,使其完全适合您的设备,即使屏幕分辨率低于容器。但为什么它不适用于身高:汽车?如果你想让浏览器根据子元素的高度计算容器的高度,而不是硬编码高度,你怎么做?

<head></head>
<body>
<div id="container"> Lorem ipsum.... Lorem ipsum </div>  
</body>

<style>

/* if you hardcode the height it'll fit the viewport*/

div#container{ width: 1700px;  height: 1500px; }

/* if you use height:auto instead it wont be resized*/

div#container{ width: 1700px;  height: auto; }

</style>

感谢您的帮助!

0 个答案:

没有答案