CSS 中 top 屬性可以用來控制元素的上邊緣與其包含元素的上邊緣之間的距離。
為了更加深入地理解這個屬性，我們可以看一下 MDN 對 top 屬性的描述：
通過上述描述，我們可以知道 top 屬性只有在元素設置了懸浮、絕對或固定定位時才會起作用。同時，top 屬性也可以使用多種單位設置，比如百分比、像素、em、rem 等。 下面是一個簡單的示例，展示如何使用 top 屬性：top 屬性規定了一個定位元素的上邊緣與其包含元素上邊緣的距離。
如果定位元素沒有設置懸浮、絕對或固定定位，那么 top 屬性不會生效。
當 top 屬性與 bottom 屬性同時設置時，top 屬性會覆蓋bottom 屬性。
top 屬性可以使用百分比、像素、em、rem 等單位進行設置。
在上面的示例中，我們定義了一個 div 元素，并將其設置為絕對定位。然后，我們使用 top 屬性將其上邊緣與其包含元素上邊緣之間的距離設置為 30%。最后，我們使用 left 屬性將其左邊緣與其包含元素左邊緣之間的距離設置為 50%。 通過上述示例，我們可以看到 top 屬性的使用方法。當我們設置元素的定位屬性為絕對或固定時，就可以使用 top 屬性來控制元素的位置。希望這篇文章能幫助你更好地了解 top 屬性在 CSS 中的應用。<style> div { position: absolute; top: 30%; left: 50%; } </style> <body> <div>This is a div element.</div> </body>
上一篇css toggle()
下一篇40種css陰影效果代碼