使用 CSS 固定位置
- WBOY轉載
- 2023-09-01 12:57:031161瀏覽
固定定位可讓您將元素的位置固定到頁面上的特定位置，而不管捲動如何。指定的座標將相對於瀏覽器視窗。
您可以使用兩個值 top 和 left 以及 position 屬性將 HTML 元素移到任何位置在 HTML 文件中。
- 向左移動 - 向左使用負值。
- 向右移動 - 使用正值左的值。
- 上移 - 對上方使用負值。
- 向下移動 - 對頂部使用正值。
- 向下移動 - 對頂部使用正值。
- li>
範例
您可以嘗試執行以下程式碼來實現固定定位
<html>
<head>
</head>
<body>
<div style = "position:fixed; left:80px; top:20px; background-color:blue;color:white;">
This div has fixed positioning.
</div>
</body>
</html>以上是使用 CSS 固定位置的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除
上一篇：CSS 變換屬性的使用下一篇：CSS 變換屬性的使用