![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 63
张三不懂代码
这个作者很懒,什么都没留下…
展开
-
CSS-三栏布局
左右模块各自向左右浮动,并设置中间模块的 margin 值使中间模块宽度自适应。1.可以在class为main的类下添加下方代码(不推荐为了效果而强行修改)缺点就是主要内容无法最先加载,当页面内容较多时会影响用户体验。2.可以在main元素外再套一个父元素。原创 2024-07-12 14:35:01 · 300 阅读 · 0 评论 -
css设置头部左侧固定,右侧内容滚动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>flex</title.原创 2021-11-08 10:53:00 · 2245 阅读 · 0 评论 -
css隐藏元素的方式
目录1.overflow:hidden2.opacity:0;3.visibility:hidden4.display:none5.position:absolute6.z-index:-10007.transform:scale(0)1.overflow:hidden隐藏元素溢出部分,占据空间,无法响应点击事件.hide{ overflow:hidden; // 占据空间}2.opacity:0;opac...原创 2021-11-05 14:57:18 · 253 阅读 · 0 评论 -
CSS中的flex布局
引自:掘金https://juejin.cn/post/7004622232378966046所用代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid.转载 2021-10-27 16:36:55 · 1077 阅读 · 0 评论