一、1px边框问题 用伪元素模拟边框然后缩放0.5 二、横向滚动条 1.滚动产生需满足的条件 竖向滚动必须有一个定高，横向滚动条必须有定宽，一定不能由内容撑开。 滚动容器中的内容占据的高度要大于滚动容器本身的高度 当条件同时满足时才会出现滚动条。 正常文档流的情况下，水平盒子如果排不开会自动换行 那 ...
分类：
移动开发 时间：
2020-04-16 00:36:33
阅读次数：
86
display:none和visibility:hidden的区别 // 1、空间占据 display:none;// 隐藏的元素不占文档流 visibility:hidden;// 隐藏的元素空间存在(占茅坑、不拉屎) // 2、回流和重绘(reflow/repaint) display:none ...
分类：
Web程序 时间：
2020-04-09 19:10:21
阅读次数：
126
一直对这个属性不懂，终于找到一个地址，看懂了说明。原地址https://blog.csdn.net/fen584521/article/details/52123368 position 定位属性，是CSS中非常重要的属性。除了文档流布局，就是定位布局了。 其参数主要有以下： absolute 生成 ...
分类：
Web程序 时间：
2020-04-08 18:55:54
阅读次数：
86
css定位 定位模式：在css中，position属性用于定义元素的定位模式，其基本语法格式如下：选择器{position：属性值；} position属性值有5种，分别是静态定位，相对定位，绝对定位，固定定位和粘性定位 | 属性值 | 描述 | | | | | static（静态定位） | 正常显 ...
分类：
Web程序 时间：
2020-04-08 10:01:08
阅读次数：
133
display: none 把一个元素隐藏，同时去除了宽高，也就是在文档流中没有了元素的位置，但是会被加载 会产生回流和重绘 不会被子元素继承，但是父元素都不在了，子元素自然也就不会显示了 visibility: hidden 把一个元素隐藏，但不同的是该元素在文档流中依然占有原来的位置，同样是被加 ...
分类：
其他好文 时间：
2020-04-07 22:35:25
阅读次数：
74
一. 布局流 众所周知，html文档大致分为三种控制元素布局方式 1.普通布局 普通布局，顾名思义，就是元素按照HTML先后顺序进行上下布局。 当然这其中又分为块类元素、行内快元素和行内元素，其中这三种具体有那些标签就不在这里一一赘述。 块类元素单独占一行。 行内元素可水平排列，直到宽度占满父元素宽 ...
分类：
其他好文 时间：
2020-04-05 00:19:57
阅读次数：
72
我在做页面布局的时候，多多少少总会受到来自浮动的困扰，因此专门通过实践来总结一下浮动与清除浮动。 首先总结几个基础的概念： 浮动：设置浮动的元素会脱离文档流，不会影响块元素的布局，但是会影响内联元素的排列[通常是文本]； 文档流：在文档流中，块元素会单个元素独占一行 接下来我们通过实际演示来看看关于 ...
分类：
其他好文 时间：
2020-04-04 09:51:13
阅读次数：
65
元素添加浮动后，会处于一个半脱离文档流的状态，如果没有给浮动元素的父元素设置固定的高度，那么父元素会认为没有内容撑开自己，因此父元素的高度为0，此时下面的元素会上来，被浮动元素压在下面。 解决方案： 1.给父元素设置固定的高度（父元素会缺乏灵活性，不能靠其内容自由变换撑开高度） 2.给父元素设置ov ...
分类：
其他好文 时间：
2020-03-31 19:18:06
阅读次数：
60
1.标准流(文档流/普通流)排版 网页默认的排版方式，及块级元素,行内元素，行内块级元素在网页中的排版方式（块级元素独占一行，可以设置宽高/行内元素，行内块级元素不独占一行/行内元素不可以设置宽高/行内块级元素可以设置宽高） 2.浮动流排版 由图一变成图二有两种方法 1.把两个方块都变成行内块级元素 ...
分类：
Web程序 时间：
2020-03-23 15:15:47
阅读次数：
98
css布局有三种方式： 1、默认文档流方式 以html元素的结构顺序显示 2、浮动布局方式 通过设置html元素的float属性显示 3、定位布局方式 通过设置html元素的position属性显示 浮动：float 什么是浮动？ 浮动（float）是css实现布局的一种方式，包括div在内的任何元 ...
分类：
其他好文 时间：
2020-03-22 14:09:36
阅读次数：
60
