绝对固定        .footer {            z-index: 9999;            position: fixed;            bottom: 0px;            width: 100%;        }            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-07 09:55:35
                            
                                265阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            绝对固定        .footer {            z-index: 9999;            position: fixed;            bottom: 0px;            width: 100%;        }            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-03-01 15:21:05
                            
                                195阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            float 单一层浮动法左侧固定成100px; 则核心代码 左侧:width:100px;float:left; 右侧 width:auto;margin-left:100px;绝大浏览器是没有任何问题的,除了万恶的浏览器IE6,两层中间有缝隙 3px;  在固定元素上加入绝对,自适应元素设            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-06-04 22:24:00
                            
                                357阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Document</title></head><body>  <div class="all"&.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-30 09:51:25
                            
                                601阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            之前写左右固定,直接写了一个right:多少px,发现当窗口变小之后,那个悬浮框会挡住页面,体验不好,找了一下,发            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-12-22 00:32:45
                            
                                881阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE >< lang="en"><head>  <meta charset="UTF-8">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <title>Document</title></head><body>  <div class="all"&.            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-03-15 16:38:14
                            
                                299阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            演示demo其中有老生常谈的float方法,BFC方法,也有CSS3的flex布局与grid布局。常用的宽度自适应的方法通常是利用了block水平            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-09-29 16:21:56
                            
                                439阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            CSS固定菜单栏- 当鼠标向下滑动时,位于最上面的导航一直不动,而内容发生变化<style>
    * {
      padding: 0px;
      margin: 0px;
    }
    .navbar {
      width: 100%;
      background: black;
      /* 固定住导航条 */
      position:            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-01-15 08:43:04
                            
                                196阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如果使用float做固定宽度的div,这个div要写在自适应div的前面,不然后导致两个div不在同一行,这是用float的弊端absolute可以解决这个问题,但是使用absolute时,如果固定宽带的div比较高,会影响后面的布局所以还需要使用float,一个向左...            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-07-27 20:51:43
                            
                                1265阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            如果使用float做固定宽度的div,这个div要写在自适应div的前面,不然后导致两个div不在同一行,这是用float的弊端absolute可以解决这个问题            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-06-30 18:05:54
                            
                                1085阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            首先,我们先看下阿里云的导航菜单的样式,对这个样式有一个了解。这个菜单,类似于那种树形菜单,用v-for循环就行了这样的菜单,可以看下这个Vue + ElementUI 手撸后台管理网站基本框架(三)登录及系统菜单加载###首先,我们的数据模式要可配的,使用json数据格式,用递归实现menuList: [
                {
                    label:             
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-09-08 19:04:04
                            
                                73阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
             1.固定高度
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2011-03-24 12:36:20
                            
                                2357阅读
                            
                                                        
                                点赞
                            
                                                                             
                 
                
                             
         
            
            
            
            反过来也可以:左侧宽度固定,右侧自适应。不管是左是右,反正就是一边宽度固定,一边宽度自适应。 这种布局比较常见,很多默认主题就是这种。一般情况下,这种布局中宽度固定的区域是侧边            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2019-04-06 14:49:00
                            
                                398阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            参考代码如下:            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-08-11 15:30:05
                            
                                245阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            在Web开发中,有时我们需要创建一个固定在右侧的菜单,以便它在滚动页面时保持可见。这种设计能够极大地提升用户的导航体验。本文将详细介绍如何使用jQuery实现这样一个固定的右侧下固定菜单。
```mermaid
flowchart TD
    A[用户需求] --> B[设计固定菜单]
    B --> C{技术选择}
    C -->|使用jQuery| D[实现效果]
    C --            
                
         
            
            
            
            <!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <meta http-equ            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-01 11:30:32
                            
                                542阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1,固定宽度区浮动,自适应区不设宽度而设置 margin <!DOCTYPE html> <html> <head> <style type="text/css"> #            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-12-11 18:09:00
                            
                                235阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <div class="left">		左	</div>	<div class="right">		右	</div>第一种 浮动.left{	width: 200px;	float: left;	height: 200px;	background: #0000FF;	}.right{	margin-left: 200px;	height: 200px;	background: #00FF00;}弟二种  计算.            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-01-10 13:51:03
                            
                                539阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 如何实现Android右侧侧边栏
## 介绍
作为一名经验丰富的开发者,我将教你如何在Android应用中实现右侧侧边栏。这种侧边栏通常用于展示导航菜单或其他功能选项,提供了用户友好的导航体验。
## 流程图
```mermaid
flowchart TD
    Start --> 设置DrawerLayout
    设置DrawerLayout --> 设置NavigationVie            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-21 05:41:50
                            
                                171阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css样式:
<head>
<style>
/* 清除掉默认的内外间距 */
* {
      padding: 0;
      margin: 0;
   }
/* 导航条定高度和背景色,宽度不定,大通栏 */
.nav{
    height: 58px;
    background-color: #000;
}
.center {
    width: 1000            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-20 23:18:29
                            
                                96阅读
                            
                                                                             
                 
                
                                
                    