实现一侧定宽，一侧自适应的布局的方法a 、b a、利用左侧元素浮动，或者绝对定位的方式使其脱离常规文档流 1、方法一：利用float和margin来实现 css <style> .father{border:1px solid #444;overflow:hidden;} .father img{w ...
分类：
Web程序 时间：
2018-12-19 13:15:02
阅读次数：
216
CSS clip 是一个极少使用，但又确实存在的属性。 而且，它其实在CSS2时代就有了。 w3school 上有这么一句话： clip 属性剪裁绝对定位元素。 也就是说，只有 position:absolute 的时候才是生效的。 那么，这个东西到底怎么用？ 我琢磨了一会儿，知道是怎么回事儿了。 ...
分类：
Web程序 时间：
2018-12-17 22:01:11
阅读次数：
753
float和绝对定位的区别 CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。1 需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。 而对于使用absolute ...
分类：
其他好文 时间：
2018-12-15 19:46:28
阅读次数：
182
假设高度已知，请写出三栏布局，其中左兰、右栏宽度各为300px，中间自适应。 1、浮动 2、绝对定位 3、flexbox 4、表格布局 5、网格布局 grid 1、浮动 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m ...
分类：
其他好文 时间：
2018-12-15 11:49:00
阅读次数：
169
position: absolute; position: absolute; white-space: nowrap; white-space: nowrap; ...
分类：
其他好文 时间：
2018-12-14 21:10:46
阅读次数：
211
1. 上下 200*200 盒子的重叠，切记用 absolute 绝对定位 为最佳解决方案 2. 移动端多使用 粘连布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"/> <title></title> <meta http-equiv="X ...
分类：
其他好文 时间：
2018-12-07 22:00:43
阅读次数：
204
1. 相对定位 relative : 相对于自身原始位置定位; * 移动后的盒子浮动起来, 但依然保留原来的位置， 不会影响相邻的元素, 2.absolute 绝对定位： 元素浮动之后， 原有的位置被占有；如果祖先元素有定位， 则一祖先元素为定位基准， 如果没有， 以浏览器为基准； 3. fixed ...
分类：
其他好文 时间：
2018-12-07 11:51:20
阅读次数：
164
知识点预习1.表单2.元素类型3.浮动4.定位01-表单form标签表单用来提交数据action要提交的网址,默认是当前网页method请求提交方式默认get请求post请求切换请求方式时注意缓存问题label标签for属性如果设置的值和input标签中设置的id属性值一样就可以实现点击label让对应的input成为焦点输入框的两个常用属性：placeholder占位提示文字outline:no
分类：
编程语言 时间：
2018-12-05 18:29:48
阅读次数：
187
轮播图的原理1.图片移动实现原理：利用浮动将所有所有照片依次排成一行，给这一长串图片添加一个父级的遮罩，每次只显示一张图，其余的都隐藏起来。对图片添加绝对定位，通过控制left属性，实现照片的移动。 2.图片移动动画原理：从a位置移动到b位置，需要先计算两点之间的差值，通过差值和时间间隔，计算出每次 ...
分类：
Web程序 时间：
2018-12-05 14:25:33
阅读次数：
172
实验十四 Swing图形界面组件 实验时间 20178-11-29 理论部分：不使用布局管理器 有时候可能不想使用任何布局管理器，而只 是想把组件放在一个固定的位置上。下面是将一 个组件定位到某个绝对定位的步骤： 1）将布局管理器设置为null。 2）将组件添加到容器中。 3）指定想要放置的位置和大 ...
分类：
编程语言 时间：
2018-12-02 17:31:13
阅读次数：
200
