简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

css固定div头部不随滚动条滚动 - haishu

WBOY
Release： 2016-05-20 13:46:30
Original
3519 people have browsed it

给div加浮动：
Copy after login
position:fixed;
Copy after login
固定宽度，高度，距离头部，左部为0：<br />width: 99%; <br />height: 80px;
Copy after login
top:0; <br />left: 0;
Copy after login
Copy after login





                

            

            

                                

                    Related labels：
                    

                        css固定div头部不随滚动条滚动 - haishu                    

                

                                
source：php.cn

                            

            

                                    
                        Previous article：iis最大连接数和队列长度 - jerrylsxu
                    
                                    
                        Next article：CSS层次选择器温故-2 - 怪诞咖啡
                    
                            

            

       
                
Statement of this Website

                
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

            

           

            

                
Latest Articles by Author

                
            

            

                
Latest Issues

                

                                        

                        

                            How can I set the height of an outer div to always be equal to the height of a specific inner div?
                            I have an outer div that contains three inner divs. I want the leftmost inner div to alway...
                            

                                

                                     From 2023-11-07 13:59:30
                                

                                

                                    
  0 

                                    
2

                                    
314

                                

                            

                        

                    

                    

                                        

                        

                            New header: Make sure the footer is always at the bottom of the page
                            I'm working on a project where I want the footer to stay at the bottom of the page but not...
                            

                                

                                     From 2023-08-27 23:13:19
                                

                                

                                    
  0 

                                    
1

                                    
216

                                

                            

                        

                    

                    

                                        

                        

                            javascript - Why can't the scroll event prevent bubbling?
                            The requirement is that when the mouse is inside an element with a scroll bar on the page,...
                            

                                

                                     From 2017-07-05 11:07:59
                                

                                

                                    
  0 

                                    
6

                                    
1698

                                

                            

                        

                    

                    

                                        

                        

                            javascript - How to prevent the page from jumping when the page scroll bar appears
                            How to prevent the page from jumping when the page scroll bar appears Prerequisites: 1. It...
                            

                                

                                     From 2017-06-26 10:54:16
                                

                                

                                    
  0 

                                    
1

                                    
656

                                

                            

                        

                    

                    

                                        

                        

                            javascript - How to make the position of the fixedly positioned sidebar in the page dynamically increase with the scroll bar?
                            The requirement is like this. At first, the sidebar of the page is fixed at a certain posi...
                            

                                

                                     From 2017-06-26 10:53:43
                                

                                

                                    
  0 

                                    
2

                                    
691

                                

                            

                        

                    

                    

                                    

            

            

                

                    
Related Topics

                    More>
                    
                

                

                    
                

            

        

    

    

        

            
Popular Recommendations

            

                
            

        

        
        

            

                
Popular Tutorials

                More>
                
            

            

                

                    
Related Tutorials 

                    
Popular Recommendations

                    
Latest courses

                

                
                
                
            

            
        


        

            

                
Latest Downloads

                More>
                
            

                        
            

                

                    
Web Effects 

                    
Website Source Code

                    
Website Materials

                    
Front End Template

                

                
                
                
                
            

            
        

    





    

        

            

                

                    

                        About us
                        Disclaimer
                        Sitemap
                        

                    

                    
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！