--- title: CSS Positioning slug: Web/CSS/CSS_Positioning translation_of: Web/CSS/CSS_Positioning --- <p>{{CSSRef}}</p> <p><strong>CSS Positioning</strong> is a module of CSS that defines how to absolutely and relavitely position elements on the page.</p> <h2 id="參考">參考</h2> <h3 id="CSS_屬性">CSS 屬性</h3> <div class="index"> <ul> <li>{{cssxref("bottom")}}</li> <li>{{cssxref("clear")}}</li> <li>{{cssxref("display")}}</li> <li>{{cssxref("float")}}</li> <li>{{cssxref("left")}}</li> <li>{{cssxref("position")}}</li> <li>{{cssxref("right")}}</li> <li>{{cssxref("top")}}</li> <li>{{cssxref("visibility")}}</li> <li>{{cssxref("z-index")}}</li> </ul> </div> <h2 id="指南">指南</h2> <dl> <dt><a href="/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index">Understanding CSS z-index</a></dt> <dd>Presents the notion of stacking context and explain how z-ordering works, with several examples.</dd> </dl> <h2 id="規範">規範</h2> <table class="standard-table"> <thead> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> </thead> <tbody> <tr> <td>{{ SpecName('CSS3 Positioning') }}</td> <td>{{ Spec2('CSS3 Positioning') }}</td> <td> </td> </tr> <tr> <td>{{ SpecName('CSS2.1', 'visuren.html') }}</td> <td>{{ Spec2('CSS2.1') }}</td> <td> </td> </tr> </tbody> </table> <h2 id="瀏覽器相容性">瀏覽器相容性</h2> <p>{{CompatibilityTable}}</p> <div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari (WebKit)</th> </tr> <tr> <td>Basic support</td> <td>1.0</td> <td>{{ CompatGeckoDesktop("1") }}</td> <td>5.0</td> <td>6.0</td> <td>1.0 (85)</td> </tr> </tbody> </table> </div> <div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Feature</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Mobile</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>1.0</td> <td>{{ CompatGeckoMobile("1") }}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatVersionUnknown}}</td> <td>{{CompatVersionUnknown}}</td> </tr> </tbody> </table> </div>