我正在试验基础。链接： http: //foundation.zurb.com/docs/index.php
我有一个非常简单的 Div：
<div style="background:url(gymBasketballHoops.jpg);height:100%;"> </div>
当我将高度设置为 190 像素时，无论浏览器大小如何，它都会显示 190，但是当我将高度设置为 100% 时，它只显示 50 像素的图像。我在当前站点中使用了很多将成为背景图像的东西，但我也希望这些高度响应。我如何做到这一点？
<div style="background:url(gymBasketballHoops.jpg);height:100%;"> </div>
当我将高度设置为 190 像素时，无论浏览器大小如何，它都会显示 190，但是当我将高度设置为 100% 时，它只显示 50 像素的图像。
如果没有看到你的 HTML/CSS 的其余部分，我不能推荐任何比以下内容更进一步的东西......
190px是一个固定大小，无论使用什么浏览器或分辨率，都是 190 像素高。
100%是相对于 的外部容器的大小div，而不是其内容。如果外部容器的高度为 500 像素，那么您<div>将是 100%。
由于<div>除了 之外 是空的 ，因此您必须设置一个大小，否则它只会大到足以包含 没有指定大小的所以，它只会响应其内容的大小。
因此，您可以根据外部容器设置百分比，可以设置固定高度，也可以将其省略，让内容决定高度。