position用于定義一個(gè)元素是否absolute（絕對(duì)），relative（相對(duì)），static（靜態(tài)），或者fixed（固定）。static值是元素的默認(rèn)值，它會(huì)按照普通順序生成，就如它們?cè)诘某霈F(xiàn)一般。的出現(xiàn)一般。relative很像static，但可用top、right、bottom和left屬性來(lái)偏移原始位置。absolute使元素從HTML普通流中分離出來(lái)，并把它送到一個(gè)完全屬于自己的定位世界。在這個(gè)稍微瘋狂的世界，這個(gè)絕對(duì)的元素可以放置到任何地方，只要設(shè)置了top、right、bottom和left的值。fixed的行為也很像absolute，但參考于瀏覽器窗口相對(duì)于頁(yè)面而放置絕對(duì)的元素，所以，理論上，當(dāng)頁(yè)面滾動(dòng)的時(shí)候，固定元素完全保持在瀏覽器視區(qū)中。為什么說(shuō)理論上的？不為別的，在Mozilla和Opera中工作得很好，但I(xiàn)E不會(huì)。用絕對(duì)定位布局<div id="navigation"> <ul> <li><a href="this.html">This</a></li> <li><a href="that.html">That</a></li> <li><a href="theOther.html">The Other</a></li> </ul> </div> <div id="content"> <h1>Ra ra banjo banjo</h1> <p>Welcome to the Ra ra banjo banjo page. Ra ra banjo banjo. Ra ra banjo banjo. Ra ra banjo banjo. Ra ra banjo banjo.</p> <p>(Ra ra banjo banjo)</p> </div> #navigation { position: absolute; top: 0; left: 0; width: 10em; } #content { margin-left: 10em; } #navigation { position: absolute; top: 0; left: 0; width: 10em; } #navigation2 { position: absolute; top: 0; right: 0; width: 10em; } #content { margin: 0 10em; /* setting top and bottom margin to 0 and right and left margin to 10em */ } :first-letter例子），但同樣可以用在更大的塊中，比如導(dǎo)航列。#navigation { float: left; width: 10em; } #navigation2 { float: right; width: 10em; } #content { margin: 0 10em; } clear（清除）屬性。clear: left將清除左邊元素，clear: right將清除右邊元素，而clear: both會(huì)清除左邊和右邊。所以，舉個(gè)例子，你需要一個(gè)頁(yè)面腳注，你可以用id“footer”為HTML增加一個(gè)塊，然后使用如下的CSS:#footer { clear: both; } 新聞熱點(diǎn)
疑難解答
圖片精選
