檢視 CSS版面配置的原始碼

[[分類:HTML]]
<div style='max-width:600px;margin:1em auto;'>
  <h1 style='max-width:600px;margin:.5em auto 1em;'>目錄</h1>
  <ul style='line-height:1.5em;padding:0;width:90%;margin:auto;'>
    <li>
      <ul>
        <li><a href='no-layout.html'>沒有版面配置</a></li>
        <li><a href='display.html'>關於 'display' 屬性</a></li>
        <li><a href='margin-auto.html'>margin: auto;</a></li>
        <li><a href='max-width.html'>關於 max-width 屬性</a></li>
        <li><a href='box-model.html'>關於 Box Model（區塊模型）</a></li>
        <li><a href='box-sizing.html'>關於 box-sizing 屬性</a></li>
        <li><a href='position.html'>關於 position 屬性</a></li>
        <li><a href='position-example.html'>更完整的 position 範例</a></li>
        <li><a href='float.html'>關於 float 屬性</a></li>
        <li><a href='clear.html'>關於 clear 屬性</a></li>
        <li><a href='clearfix.html'>clearfix 密技</a></li>
        <li><a href='float-layout.html'>float 版面配置範例</a></li>
        <li><a href='percent.html'>百分比寬度</a></li>
        <li><a href='media-queries.html'>媒體查詢（media queries）</a></li>
        <li><a href='inline-block.html'>display: inline-block</a></li>
        <li><a href='inline-block-layout.html'>使用 inline-block 版面配置</a></li>
        <li><a href='column.html'>column</a></li>
        <li><a href='flexbox.html'>flexbox</a></li>
        <li><a href='frameworks.html'>CSS 框架</a></li>
        <li><a href='about.html'>關於本站</a></li>
      </ul>
    </li>
  </ul>
</div>