在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>
