position:fixed

時間 2019-12-14

標籤 position fixed 欄目 CSS 简体版

原文原文鏈接

1.它就是和absolute同樣的，脫離文檔流了，只不過它是以瀏覽器窗口爲基準。css

2.注意下面有元素會佔據它自己的位置。用margin移動下面元素位置的時候，記得用fixed元素用上top：0px；把位置固定住。html

3.瀏覽器

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
html,body{
margin:0;
padding:0;
border:none;
}
</style>
</head>
<body>
    <div style='width:100%;height:1000px;'>
        <div style='width:100%;height:50px;position:fixed;background:green;top:0px;'>頭條</div>
        <div style='width:100%;height:100px;background:red;margin-top:50px;'>紅色</div>
        <div style='width:100%;height:100px;background:yellow;'>黃色</div>
    </div>
</body>
</html>

1. IOS上z-index和fixed定位無效
2. 中心位置：固定元素
3. postion fiexd 兼容問題
4. 那些遇到的position-fixed無效事件
5. 微信小程序——漂亮的頂部導航欄（滾動）swiper，左右滑動切換頂部選項，向上滑動隱藏輪播圖
6. CSS 樣式修改積累
更多相關文章...

相關標籤/搜索

CSS