css div絕對位置與固定定位執行個體

來源:互聯網
上載者:User

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

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.