在css中,可以利用position定位屬性使div固定,該屬性用於規定元素的定位類型,當屬性的值為「fixed」時產生固定定位元素,元素相對於瀏覽器位置固定不變,語法為“div{position:fixed;}”。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css怎麼讓div固定
在css中,可以使用position定位屬性來固定div在頁面的位置。以下舉例說明css如何固定div位置。
範例如下:
<html> <head> <style type="text/css"> div{ position:fixed; left:5px; top:5px; width:50px; height:50px; background-color:red; } </style> </head> <body> <div></div> <br/> <br/><br/><br/><br/><br/><br/><br/><br/><bbr/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><brr/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>sergsergsgs<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></><br/><br/> </body> </html>
輸出結果:
#(學習影片分享:css影片教學)
以上是css怎麼使div固定的詳細內容。更多資訊請關注PHP中文網其他相關文章!