實例解析CSS DIV絕對定位與固定定位用法
作者：admin
CSS DIV網頁布局中CSS DIV絕對定位與固定定位內容是非常重要的，如果你掌握不好DIV的定位你的CSS寫出來會很亂，這里向大家描述一下實例介紹。
CSS DIV網頁布局有很多值得學習的地方，而定位是非常重要的知識，本文和大家通過實例向大家描述一下CSS DIV絕對定位與CSS DIV固定定位的應用，希望對你的學習有所幫助。
CSS DIV中絕對定位與固定定位實例
CSS DIV中絕對定位與固定定位內容是非常重要的，如果你掌握不好DIV的定位你的CSS寫出來會很亂，下面我們要來看看CSS DIV絕對定位與固定定位實例，這個我想對你會有幫助的。
第一個CSS DIV固定定位實例
- <styletypestyletype="text/css">
- p.one
- {
- position:fixed;
- left:5px;
- top:5px;
- }
- p.two
- {
- position:fixed;
- top:30px;
- right:5px;
- }
- </style>
- </head>
- <body>
- <pclasspclass="one">一些文本。</p>
- <pclasspclass="two">更多的文本。</p>
第二CSS DIV絕對定位
- <styletypestyletype="text/css">
- h2.pos_abs
- {
- position:absolute;
- left:100px;
- top:150px
- }
- </style>
- <h2classh2class="pos_abs">這是帶有絕對定位的標題</h2>
- <p>通過絕對定位，元素可以放置到頁面上的任何位置。
- 下面的標題距離頁面左側100px，距離頁面頂部150px。</p>
【編輯推薦】
- CSS絕對定位和相對定位的區別
- DIV+CSS中最小高度min-height設定
- CSS中border和clear兩大屬性用法揭秘
- 實現DIV居中布局三種途徑
- 解讀DIV CSS網頁布局中CSS無效十個原因
責任編輯：佚名
來源：
111cn.net
