网站建设资讯

NEWS

网站建设资讯

html怎么设置div高度

html设置div高度的方法:1、给div元素添加“height:高度值;”样式设置固定高度;2、给div元素添加“min-height:高度值;”样式设置最小高度;3、给div元素添加“max-height:高度值;”样式设置高度。

成都创新互联专业为企业提供岚山网站建设、岚山做网站、岚山网站设计、岚山网站制作等企业网站建设、网页设计与制作、岚山企业网站模板建站服务,10年岚山做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html设置div高度

1、使用height属性

height属性设置元素的高度。(注意: height属性不包括填充,边框,或页边距!)

默认div高度是由文本高度决定的
设置div宽度为100px

2、使用min-height属性

min-height属性设置元素的低高度。

默认div高度是由文本高度决定的
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px
设置div最小高度为100px

没有内容时,或内容高度小于100时,div的高度显示在100px;

内容高度大于100时,div高度是由文本高度决定的

3、使用max-height属性

max-height 属性设置元素的高度。

默认div高度是由文本高度决定的
设置div高度为100px
设置div高度为100px
设置div高度为100px

推荐教程:《html视频教程》


文章名称:html怎么设置div高度
文章来源:http://cdweb.net/article/cphdsg.html