如何利用定位實現布局
作者:佚名 時間:2012-10-26 分享到:
和浮動屬性相比,利用位置屬性進行頁面布局的情況在實際中使用得并不多見,但是它的確可以進行頁面布局,利用定位實現分欄式而已需要如下幾個步驟.
1.劃分邏輯區域
首先將頁面不同區域的內容旋轉在單獨的div元素中,并設定好id屬性,有時可能還會增加額外的div,作為其他元素的容器.
2.設置的位置屬性
將作為窗口使用的div元素的position屬性設為relative,目的是讓其內部元素能正確定位.然后將側欄的position屬性設為absolute,并根據需要確定其位置.
3.處理其余欄
對于其余欄,可根據需要設置左右邊距,把覆蓋在側欄下面的內容顯示出來.
如沒特殊注明,文章均為上海聯楷網絡原創,轉載請注明來自:http://www.ktcbnqb.cn/help/20151126/n1184.html