鍍金池/ 問(wèn)答/HTML/ css fixed實(shí)現(xiàn)（header+main-content）布局，heade

css fixed實(shí)現(xiàn)（header+main-content）布局，header固定

1.希望效果
這種css,怎么寫的？

clipboard.png

2.我的問(wèn)題

clipboard.png

clipboard.png

clipboard.png

回答
編輯回答
拽很帥

main設(shè)置下margin-top

2017年2月26日 23:45
編輯回答
綰青絲

包裹容器 display:flex;寬高固定屏幕寬高。
header容器正常寫不必 fixed。
main容器 flex:1; overflow: auto;。

2017年3月8日 01:56
編輯回答
安若晴

導(dǎo)航欄固定：你怎么不用position: sticky;這個(gè)屬性。
彈出層你是設(shè)置的什么定位？如果你使用的fixed，你直接設(shè)置top；或者你給彈出層使用absolute試試。

2018年1月28日 13:45
編輯回答
念初

試試

body{
    overflow: hidden
}
main{
    overflow: scroll
}
2018年2月6日 03:58