如何在頁面上的任何位置放置div?我試圖把它當作一個彈出框。下面是我使用下面的代碼會發生什麼:如何在頁面上的其他元素的任何位置使用div元素?
<div style="width: 100px;padding: 5px; background-color: #CCCCCC;top: 73px; left: 0px">TEST</div>
如何在頁面上的任何位置放置div?我試圖把它當作一個彈出框。下面是我使用下面的代碼會發生什麼:如何在頁面上的其他元素的任何位置使用div元素?
<div style="width: 100px;padding: 5px; background-color: #CCCCCC;top: 73px; left: 0px">TEST</div>
使用絕對定位:
style="position:absolute; top:10px; left:10px"
的top
和left
是x,你的div的左上邊的y座標。
連鎖行業主體的position: relative
和DIV一個position: absolute
這樣在div將能夠在任何地方相對於主體使用頂部和left屬性被定位。
在這種情況下,在頭部或外部文件中使用css更有意義。
您需要將position: absolute
應用於您的div
元素的CSS。
您需要知道更多關於CSS Positioning的問題。
根據您的需要,您可以使用position:absolute;
或position:fixed;
。
position:absolute;如果用戶在頁面上向下滾動,將無法按預期工作。您還需要查看position:fixed,它將定位一個相對於「視口」(瀏覽器窗口,無論用戶滾動到何處)的元素。
我使用固定的,但它顯示在頁面本身的頂部,而不是它的DIV:http://stackoverflow.com/questions/29258306/how -to-設置-A-第二表內-A-DIV至一個固定的位置,後向下滾動。請幫忙。 – SearchForKnowledge
謝謝!這解決了問題! –
請選擇它作爲未來用戶的答案。 – neebz
我會盡快告訴我,它說我必須等待某些原因,我相信這是用來防止垃圾郵件。 –