<?xml version="1.0" encoding="utf-8"?>
<!-- generator="FeedCreator 1.7.2-ppt DokuWiki" -->
<?xml-stylesheet href="http://zhidian.wuute.com/html5dev/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="http://zhidian.wuute.com/html5dev/feed.php">
        <title>HTML5知典 26:86:26</title>
        <description></description>
        <link>http://zhidian.wuute.com/html5dev/</link>
        <image rdf:resource="http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico" />
       <dc:date>2026-04-16T06:39:24+09:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/height?rev=1493015767&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/maxheight?rev=1493015794&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/maxwidth?rev=1493015965&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/minheight?rev=1493016765&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/minwidth?rev=1493017097&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/start?rev=1492947556&amp;do=diff"/>
                <rdf:li rdf:resource="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/width?rev=1493017553&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico">
        <title>HTML5知典</title>
        <link>http://zhidian.wuute.com/html5dev/</link>
        <url>http://zhidian.wuute.com/html5dev/lib/tpl/bootstrap3_1/images/favicon.ico</url>
    </image>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/height?rev=1493015767&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T15:36:07+09:00</dc:date>
        <title>height</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/26/height?rev=1493015767&amp;do=diff</link>
        <description>height

height 规定元素内容区高度。 内容区外可定义元素 border, and margin。

min-height,max-height覆盖height

语法
height: auto;
height: 130px;
height: 4em;
height: 15%;
height: inherit;
值
值描述length 可用px,em等单位表示 percentage 此关键词表示相当于元素的快容器的高度。若块容器的高度没有显式指定，计算值为auto。用于root元素上则相当于初始块容器(即为显示器的尺寸)。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/maxheight?rev=1493015794&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T15:36:34+09:00</dc:date>
        <title>max-height</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/26/maxheight?rev=1493015794&amp;do=diff</link>
        <description>max-height

max-height 规定元素设置最大高度，且能阻止height属性的设置值比max-height大。

max-height 可覆盖 height ， min-height 可覆盖 max-height。

语法
/* &lt;length&gt; value */
max-height: 2.5em;

/* &lt;percentage&gt; value */
max-height: 95%;

/* Keyword values */
max-height: none;
max-height: max-content;
max-height: min-content;
max-height: fit-content;
max-height: fill-available;
max-height: inherit;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/maxwidth?rev=1493015965&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T15:39:25+09:00</dc:date>
        <title>max-width</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/26/maxwidth?rev=1493015965&amp;do=diff</link>
        <description>max-width

max-width 规定元素设置最大宽度，且在默认情况下，设置初始化宽度的时候接近最大最大宽度。

语法

/* &lt;length&gt; value */
max-width: 2.5em;

/* &lt;percentage&gt; value */
max-width: 95%;

/* Keyword values */
max-width: none;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/minheight?rev=1493016765&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T15:52:45+09:00</dc:date>
        <title>min-height</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/26/minheight?rev=1493016765&amp;do=diff</link>
        <description>min-height

min-height 规定元素设置最小高度，且能阻止 height 属性的设置值比 max-height小。

min-height 可覆盖 height， min-height 可覆盖 max-height。

语法
/* &lt;length&gt; value */
min-height: 2.5em;
  
/* &lt;percentage&gt; value */
min-height: 95%;
 
/* Keyword values */
min-height: max-content;
min-height: min-content;
min-height: fit-content;
min-height: fill-available;</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/minwidth?rev=1493017097&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T15:58:17+09:00</dc:date>
        <title>min-width</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/26/minwidth?rev=1493017097&amp;do=diff</link>
        <description>min-width

min-width 规定元素设置最小宽度，且能阻止 height 属性的设置值比 min-width 小。

min-width 的值会同时覆盖 max-width 和 width。

语法
/* &lt;length&gt; value */
max-height: 2.5em;

/* &lt;percentage&gt; value */
max-height: 95%;
   
/* Keyword values */
min-width: max-content
min-width: min-content
min-width: fit-content
min-width: fill-available</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/start?rev=1492947556&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-23T20:39:16+09:00</dc:date>
        <title>尺寸</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/26/start?rev=1492947556&amp;do=diff</link>
        <description>尺寸

定义

尺寸（Dimension）属性是对HTML元素的大小进行定义的CSS属性。

概述

尺寸属性控制元素的高度和宽度，同时还可为元素设置可能的大小范围。

缺省情况下，尺寸属性设定的高度和宽度仅适用于内容区域，不包括边框和内边距，这种高度宽度模式属于CSS自古以来的传统盒子模型。当前，本目录下各属性的参考文档都是基于传统盒子模型进行说明的。</description>
    </item>
    <item rdf:about="http://zhidian.wuute.com/html5dev/doku.php/26/86/26/width?rev=1493017553&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2017-04-24T16:05:53+09:00</dc:date>
        <title>width</title>
        <link>http://zhidian.wuute.com/html5dev/doku.php/26/86/26/width?rev=1493017553&amp;do=diff</link>
        <description>width

width 规定元素内容区的宽度。内容区域在元素 padding，border 和 margin 内。

min-width 和 max-width 属性都可覆盖 width。

语法
/* &lt;length&gt; value */
width: 25em;
 
/* &lt;percentage&gt; value */
width: 95%;
 
/* Keyword values */      
width: border-box  
width: content-box
width: max-content
width: min-content
width: available
width: fit-content
width: auto</description>
    </item>
</rdf:RDF>
