一、css 样式 1.float 首先需要了解块级元素（block element）。每个块级元素都默认占用一行，在同一行只能添加一个块元素（float 除外）。块级元素一般可以嵌套块级元素或者行内元素，如使用 div 布局。 float 一般用于 div 布局的情形下，浮动的 div 可以向左或者 ...
分类：
Web程序 时间：
2019-07-13 22:41:30
阅读次数：
180
DIV布局 City Gallery London Paris Tokyo London ... ...
分类：
其他好文 时间：
2019-06-07 00:20:08
阅读次数：
84
http://developer.51cto.com/art/201009/225201.htm CSS+DIV布局中absolute和relative区别 这里向大家简单介绍一下CSS+DIV布局中absolute和relative属性的用法和区别，定位为relative的元素脱离正常的文本流中， ...
分类：
Web程序 时间：
2019-05-02 15:51:04
阅读次数：
160
1.浏览器兼容性: IE8-不支持，IOS7.1-不支持，android4.3-不支持 2. vh代表浏览器视口高度（100vh等于当前浏览器的整个高度） 3.vw代表浏览器视口的宽度 （100vw等于当前浏览器的整个宽度） 4.配合浏览器宽度达到不同的字体大小 ...
分类：
其他好文 时间：
2019-04-02 11:04:50
阅读次数：
481
一、需求 公司的业务需要实现类似windows软件的那种，拖动调整两个div的大小 二、结果示例： 三、示例代码： https://github.com/CinYung/jQuery.divResizer.git ...
分类：
其他好文 时间：
2019-03-15 19:21:37
阅读次数：
234
*************************使用CSS+DIV布局******************************* ********************************盒模型******************************* html中每一个元素(标签)都 ...
分类：
Web程序 时间：
2018-11-05 11:31:08
阅读次数：
146
布局的三种方式 一.常规流 以前没有学布局的时候,属于常规流 元素按照常规显示方式显示,块级元素垂直排列、行内元素就是水平排列 二.浮动 float:left; float:right: float:none; 典型应用两个div水平排列 **************************布局步骤 ...
分类：
Web程序 时间：
2018-11-05 11:29:53
阅读次数：
158
1、需求：在一个div布局里面放置整张jpg图片，然后在jpg图片上显示三张水平展示的透明png图片，且png外层用a标签包含菜单 2、效果图： 3、上图，底层使用蓝色jpg图片，【首页】、【购物车】、【会员中心】三个图标都是透明的png黄色图片 4、上代码：html css： 5、记录一点，多学习 ...
分类：
Web程序 时间：
2018-10-16 16:05:01
阅读次数：
157
.wrapper { display: grid;/* 设置div布局为网格布局*/ grid-template-columns: repeat(3, 1fr);/* 设置网格布局为3列 每列占1/3 */ grid-gap: 10px; /*设置网格线为10个像素*/ grid-auto-rows ...
分类：
Web程序 时间：
2018-09-22 18:27:46
阅读次数：
189
