1.设置成绝对定位2.高度是height:100vh3.宽度是width:100vw注意注意注意【vh和vw不要搞错了】!!!            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-06-05 13:51:51
                            
                                352阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            line1line2line1line2line3line4line5line6line7line8line1line2line3line4line5line6line7line8            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2012-11-30 16:41:00
                            
                                249阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            方法一通过JQuery,获取窗体的高度,设置给对应的div。代码如下:ht = $(document.body).height();
$("#mDiv").height(ht - 170);缺点:由于浏览器是先解析css,后执行JS,导致页面在加载时,mDiv先呈现其原始高度,再变为其全屏效果,div在页面中有一个闪烁。 方法二通过css的calc()函数实现,其中,1vh = one            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-06-08 11:02:40
                            
                                1325阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 使用 CSS 和 jQuery 让轮播图片铺满屏幕
在网页开发中,常常会遇到需要制作轮播图,并且让轮播图片铺满整个屏幕的需求。通过结合使用CSS和jQuery,我们可以实现这一效果。
## 步骤
### 1. HTML结构
首先,我们需要在HTML中创建轮播图的结构。一个基本的轮播图结构通常包含一个包裹所有轮播项的容器和多个轮播项。以下是一个简单的HTML结构示例:
```html            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-03-02 03:31:26
                            
                                481阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            通常,我们遇到bug时,总是F12去看相关的位置,看dom,数据,CSS是否有问题。这是前端检查bug的常用手段。那么,不知道你有没有遇到那种特殊情况,就是我根本没法在浏览器中查看某一项操作具体情况,这种时候我们应该怎样排查问题呢?下面,我就用我实际遇到的情况来说一说解决的思路,主要学习思路哈。一、问题情况同事跑来找我帮忙,说有个bug解决不了,具体内容是:el-tree组件节点拖拽时,定位线位置            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-20 09:33:27
                            
                                59阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            CSS伪元素 伪元素是用来添加一些选择器的特殊效果。 伪元素是对元素中的特定内容进行操作,它所操作的层次比伪类更深了一层,也因此它的动态性比伪类要低得多。实际上,设计伪元素的目的就是去选取诸如元素内容第一个字(母)、第一行,选取某些内容前面或后面这种普通的选择器无法完成的工作。它控制的内容实际上和元素是相同的,但是它本身只是基于元素的抽象,并不存在于文档中,所以叫伪元素。 所有CSS元素 ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2020-02-10 06:25:00
                            
                                242阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前言在开发弹幕之前我也搜索了很多文章来借鉴,但由于太多布局都不是自己想要的,而且相关引入也无法使用,在最后决定开发自定义弹幕。在网上搜索了大量的自定义布局,B站的弹幕也有很多大佬扒出来使用,到最后我在种种因素下开发出来简陋的自定义弹幕。能满足相关需求。一.弹幕实体类一般来说弹幕会有头像,昵称,评论内容,点赞数组成,当然有的设计会没有昵称而是显示定位内容。因此我们需要一个相关的数据类去存储弹幕的数据            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-09-27 06:37:46
                            
                                129阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            1、块级元素、行内元素、文档流通过对每个盒子的外边矩、边框、内边矩、内容、位置的精确控制,CSS可以实现复杂而精准的页面布局。块级元素,这类元素默认有换行效果,典型的如div行内元素,这类元素默认没有换行效果,典型的如span文档流,HTML元素在页面上显示时,根据在源码中出现的顺序,按照从上到下、从左到右、块级元素独占一行、行内元素不换行的规则依次排列。在文档流中的元素会对后续元素的位置产生影响            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2016-08-31 21:00:21
                            
                                1442阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本文介绍了css的几个基本选择器——元素、类名、id,以及使用不同选择器的时机,相关区别和具体使用用法
    css的主要优点之一就是它能很容易地向所有同类型的元素应用一组样式。当然它是通过选择器来实现这一点的。基本规则结构:语法= 选择器 +声明块 1.元素选择器——直接使用html元素名,指向文档元素  如果想给所有段落都添加缩进的话使用元素选择            
                
         
            
            
            
            元素的显示与隐藏:    类似网站广告,当我们点击就不见了,但是重新刷新页面,会重新出现。本质:让一个元素在页面中隐藏或者显示出来。常用的三种方法:display、visibility、overflow1.display属性:display属性用于设置一个元素如何显示参数:        none:隐藏对象;    &            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-04-03 21:00:22
                            
                                155阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            我是中国人 数学和物理是一对孪生兄弟,彼此不分家,所以爱因斯坦数学指定不会差。 据外媒报道称,诺贝尔奖官方近日公布了著名物理学家爱因斯坦的数学成绩,以此来回击那些质疑爱因斯坦数学不好的声音。 诺贝尔官方公布的是,爱... ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-04 11:59:34
                            
                                560阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            元素隐藏方法: 1.display:none; 2.opacity:0; 3.visibility:hidden; 4.position:absolute;left:无穷大 方法1,2,3的区别: 1.空间占据 display:none 隐藏后不会占据额外的空间,但是它会产生回流和重绘 opacit ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-07-12 10:41:00
                            
                                865阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
    
    
    
            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-06-28 15:22:04
                            
                                275阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # 使用 jQuery 实现网页满屏效果
## 引言
在现代网页设计中,创建一个具有吸引力且直观的用户界面至关重要。很多情况下,我们需要实现一个元素占据整个视口的效果,即“满屏”效果。本文将介绍如何使用 jQuery 来实现这一效果,并提供相应的代码示例。
## 为什么使用 jQuery?
jQuery 是一个快速、小巧且功能丰富的 JavaScript 库,广泛用于简化 HTML 文档遍            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-09-29 03:51:43
                            
                                46阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            # Android满屏实现指南
## 概述
本文将向刚入行的开发者介绍如何实现Android满屏效果,并提供详细的步骤和代码示例。满屏效果指的是应用程序的UI可以完全铺满屏幕,不出现任何边距。
## 步骤概览
下表展示了实现Android满屏的步骤概览:
| 步骤 | 描述 |
| ------ | ------ |
| 1 | 设置Activity的主题 |
| 2 | 隐藏系统导航栏 |            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-11-21 14:46:13
                            
                                208阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            前言 在设计左侧固定,右侧自适应布局页面的时候,左侧的浮动(float)元素一般会给个背景色,希望根据屏幕高度铺满整个屏高。 展示效果 如下图,左侧黑色背景只显示一半,希望实现效果能一直到屏幕底部,并且希望能消除左右两边的白色边距 html代码 <div class="container1"> <d            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-09-24 12:52:44
                            
                                217阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            1.块元素块元素,也称为行元素,布局常用的标签如:div,p,ul,h1-h6,dl,dt,dd等等都是块元素,它在布局中的行为:(1)支持全部的样式(2)如果没有设置宽度,默认的宽度为父级宽度100%(3)盒子占据一行、即是设置了宽度<divclass="box">div元素</div><pclass="box01">p            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2018-12-21 15:13:44
                            
                                861阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            文章目录前言css伪元素一. 作用二.列举2.1"::first-line"2.2“::fist-letter”2.3"::before"2.4 "::after"伪元素2.5"::selection"伪元素总结 前言在某些时刻,可以给你的元素增加你想要的内容,或者呈现出你想要的样式,那么我们就唠唠CSS中的伪元素,话不多说,走起~~~css伪元素一. 作用用于设置元素指定部分的样式,如 ”af            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-08-17 15:01:17
                            
                                165阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            仅供学习,转载请注明出处块元素、内联元素、内联块元素元素就是标签,布局中常用的有三种标签            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2022-07-04 22:20:04
                            
                                480阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            html:<!DOCTYPE html><head><meta charset="utf-8"><title></title>	<meta name="renderer" content="webkit|ie-comp|ie-stand">    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    <meta name="            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2021-06-02 14:02:00
                            
                                921阅读