height,heights为什么翻译成山庄

http://www.itjxue.com  2023-01-06 10:11  来源:未知  点击次数: 

html/css中max-height,height和min-height到底是什么区别?详细的解释一下

当你设置了页面百分比显示后,当max-width设置的值小于你的页面百分比后的值,页面的宽度就为你max-width显示的值。当你设置的百分比转换的宽度等于width宽度时,页面就显示width的值。当你min-width的值大于你百分比后的值,页面就显示你min-width显示的值

请问在css中, min-height,max-height,line-height分别是什么意思

min-height就是你的层的最小高度,如果该层中的元素内容高度小于这个高度,就将层显示为min-height的值,超过的话,就撑破层,使层的高度与元素内容高度一样。

max-height就是和这个相反了,不超出的话,层高度就和层中内容元素高度一样,否则就截断内容,显示max-height的高度。

line-height是行高,就是针对文本的,即一行文字的行高,是以该标签中文字大小font-size做比较的,例如line-height=200%;就是让行高是文字大小的两倍。

css中min-height和height的问题

当我们给块级元素设置响应式高度的时候,例如给div设置height=50%,往往没能看到效果。

原因是百分比的大小是相对其父级元素宽高的大小,如最外层元素设置的百分比是对应屏幕而言的。

需要了解的是对于宽度来说,其父级元素无须确定宽度就能设置百分比,例如我们可以利用这个特性给未知宽度的块级元素设置水平居中效果:

父元素css: position: relative/absolute; left: 50%;

子元素css: position: relative; left: -50%;

但高度则不同,若某元素的父元素没有确定高度,则无法有效使用height=XX%的样式,我们可以这样解决(假设最外层的div需要设置百分比高度样式):

html, body {

height: 100%;

}

.outDiv {

height: 50%;

}

不过这里有个需要注意的,若div里的内容超出了div的高度,在IE7+的浏览器是无法将div撑起来的(IE6则可以),如果要顾及这一点,可以使用min-height解决(当然也要考虑IE6不支持min-height的问题):

html, body {

height: 100%;

}

.outDiv {

min-height: 50%;

}

* html .outDiv {

height: 50%;

}

最后说通俗点,如果你想把高度设为百分比,那么父级必须设置高度

(责任编辑:IT教学网)

更多

推荐Painter教程文章