DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> 關於CSS >> css div絕對定位與固定定位實例
css div絕對定位與固定定位實例
編輯:關於CSS     

在css中定位div塊的位置是非常重要的,如果你掌握不好div的定位你的css寫出來會很亂,下面我們要來看看css div絕對定位與固定定位實例,這個我想對你會有幫助的。
 
第一個css div固定定位實例
 
<style type="text/css">
 p.one
 {
 position:fixed;
 left:5px;
 top:5px;
 }
 p.two
 {
 position:fixed;
 top:30px;
 right:5px;
 }
 </style>
 </head>
 <body>
 
<p class="one">一些文本。</p>
 <p class="two">更多的文本。</p>
 

第二css div絕對定位
 
<style type="text/css">
 h2.pos_abs
 {
 position:absolute;
 left:100px;
 top:150px
 }
 </style>
 
<h2 class="pos_abs">這是帶有絕對定位的標題</h2>
 <p>通過絕對定位,元素可以放置到頁面上的任何位置。下面的標題距離頁面左側 100px,距離頁面頂部 150px。</p>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved