搭建网站基础知识：网站元素的高度与宽度设置
作者：佚名 时间：2014-03-19
网站元素的高度与宽度设置该信息属于搭建网站基础
网站元素的高度（height）
如同想像中的那样，height属性控制相关标签显示区域的高度。你将发现这个属性最常用于图像和表格，但它不能被用来控制其他文档元素的高度。
height属性的值或者是一个长度值，或者是默认值关键字auto。使用auto意味着受影响的标签在显示时应该使用初始值。否则，标签的高度被设为希望高度。如果使用的是绝对值，高度将被设置为长度值。例如：img{height: 100px}
这将告诉浏览器将<img>标签引用的图像显示为100像素高。如果例用相对值，与其相对的基本大小是由浏览器和标签决定的。
当缩放元素为一定高度时，对象的外观也可以通过将标签的width属性高为auto来保留。这样：img{height:100px; width: auto}
这确保了图像永远是100像素高，同时有一个合适的缩放高度。
如果想把元素的高度限制为某个范围而不是某特定值，可以例用min-height和max-height属性。这些属性接受height属性这样的属性，并会为元素的高度建立一个范围。然后浏览器将把元素的高度调整为符合指定范围。
这个属性得到到了IE和其他浏览器的支持。但是所有浏览器还都不支持max-height属性。
如果想把元素的高度限制为某个范围而不是某特定值，可以例用min-height和max-height属性。这些属性接受height属性这样的属性，并会为元素的高度建立一个范围。然后浏览器将把元素的高度调整为符合指定范围。 网站元素宽度（width）属性
width属性和height属性总是同时出现在网站代码中，它控制着相关标签的宽度。特别的是，它定义了元素内容区域的宽度，你可以看到这个属性最常用于图像和表格，但你也可以放心地用它来控制其他元素的宽度。
width属性的值可以是长度或百分比值，或者是关键了auto。值auto是默认值，它暗示当显示这个标签时受影响的标签有一个必须使用的起始值。如果是一个长度值，宽度就被设置为那个长度值；百分比值表示那个宽度与包含元素宽度的百分比。例如:img{width：100px}
显示了<img>标签引用的图像给它放为100像素宽。
当缩放元素为一个指定宽度时，如果这个标签的height属性被设置为auto值，那么将保留对象的外观纵横比。这样：img{width:100px; height:auto}
使得所有图像都为100像素宽，并按比例缩放它们的高度。
如果想要将元素的宽度限制为某个范围内而不是一个特定的值，那么就要使用min-width和max-width属性。这些属性接受像width属性这样的值，并为元素的宽度建立了一个范围。然后浏览器会调整元素的宽度，使其符合指定范围。width属性与margin-left和margin-right属性相互作用来决定元素的总宽度。
