您的位置:内蒙古11选五开奖5号的 > DIV CSS基础 > 正文

内蒙古11选五前3直走势:height【css 高度】属性教程

css heightcss 高度】height属性 DIV CSS高度height属性教程

height翻译成中文也是、高度意思。在内蒙古11选五开奖5号的样式中高度样式设置也是height来布局。几乎每个网页布局都会用到css高度height样式,特别是布局局部时候对局部高度固定就需要设置css height样式来实现。

一、height语法与结构

height语法:
height : auto | length

height 参数值解释:
auto :  无特殊定位,根据HTML定位规则载文档流中分配
length :  由浮点数字和单位标识符组成的长度值 | 百分数。百分数是基于父级对象的高度。不可为负数。请参阅长度单位

css height高度结构分析图
css height高度结构分析图

div{height:100px} 

设置了div高度为100px

高度可设置值:
1、具体数值如(height:100px)100px固定高度

2、百分比值如(height:50%)50%高度(了解实现 css height 100%
特别注意:使用百分比高度特别注意,必须父级有设置固定高度,子级的百分比才能正确实现。

二、height高样式小实例

这里设置两个DIV盒子,外层DIV盒子设置固定高度,外层内地第二个盒子设置百分比高度,通过这个实例掌握CSS height高度样式。

1、高度实例完整内蒙古11选五开奖5号的代码:

<!DOCTYPE html> 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS height高度 实例 ThinkCSS</title>
<style>
.exp-a{ border:1px solid #F00; width:300px; height:200px }
.exp-b{ border:1px solid #000; width:298px; height:50% }
</style>
</head>

<body>
<div class="exp-a">
<div class="exp-b">内容ThinkCSS height实例</div>
</div>
</body>
</html>

为了观察到效果,两个DIV盒子均设置宽度和不同颜色CSS边框。

2、CSS height实例截图

CSS height固定高度与百分比高度实例截图
CSS height固定高度与百分比高度实例截图

3、div css高度height属性实例在线演示与打包下载

height高度实例在线演示:

查看案例

height css高度实例打包下载:

三、height使用技巧

一个层比如(div)如果css高度自适应的大家可能和想到使用height:auto(高度自动),但是这里告诉大家如果一个对象(一个层)高度是自适应的根据内容多少自适应的那么就不需要设置height:auto(高度自动)样式,设置与不设置相同效果,所以为了节约代码,如果对象盒子随内容多少而自适应高度,这个时候不需要设置height样式,默认高度就是height:auto效果。

四、css height小结

内蒙古11选五开奖5号的布局中heihgt高度属性比较常用样式,一般对盒子对象设置固定高度时使用。固定高度不用说了记住带上单位(如height:200px 设置固定高度200px);要使用百分比高度,必须有父级(上一级内),设置百分比高度后高度才能以父级高度来以百分比计算,从而百分比高度才能生效。如果没有父级盒子内直接是最外层DIV盒子(直接body的第一个div),设置百分比高度是无效的。

相关标签: 高度
如需转载,请注明文章出处和来源网址:www.thinkcss.com/css/916.shtml

日期:2016-06-21 15:26:07 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:div css
  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-08-19
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-08-13
  • 我们是建立市场经济,公有制如何建立市场经济,就要明晰产权,不明晰产权如何建立市场经济? 2019-08-13
  • 2017巴塞尔国际钟表珠宝展 2019-08-11
  • 政务舆情回应如何把握语言分寸感? 2019-08-11
  • 候选案例:机井通电惠民生 2019-08-08
  • 2018年04期 中国国家地理网 2019-08-05
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-07-31
  • 西安外国语大学第二十四届校园文化艺术节闭幕式暨第一届朗读者圆满落幕西安外国语大学第二十四届校园文化艺术节-陕西教育新闻 2019-07-31
  • 俄罗斯世界杯今日开战,送上最全观赛指南!你最看好哪支球队? 2019-07-29
  • 《人民日报》让我爱上了文学(原创首发) 2019-07-29
  • 【北京页川车型报价】北京页川4S店车型价格 2019-07-27
  • 河北沧州经济开发区管理委员会 2019-07-24
  • 强村带弱村结对共发展 2019-07-24
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 百变王牌玩法 双色球走势图带连线图2元网 黑龙江时时彩网 体彩河北十一选五结果 辽宁十一选五推荐号码预测 三张牌内购破解版 彩客网双色球免费预测 福建快三投注技巧 大赢家真钱21点 河南快三遗漏查询 彩客网北单 四肖中特期期準 安徽25选5开奖查询 北京时时彩开奖在哪查 澳洲幸运5官网开奖网