1.Flexbox布局： 2.Bootstrap栅格布局 一共12格，分成3块，每块占4列。居中的内容写在中间的那一块。 3.圣杯/双飞翼（水平自适应居中的基础上） 第一步：居中的div写在最前面， 撑满一整行。三个div都向左浮动 第二步：让三个div显示在同一行 第三步：让中间的div能够自适应 ...
分类：
其他好文 时间：
2018-06-06 01:01:08
阅读次数：
172
浮动 浮动是css里面布局最多的一个属性，也是一个很重要的属性。 float表示浮动的意思。它有四个值。 none：表示不浮动 left：表示左浮动 right：表示右浮动 inherit：规定应该从父级元素继承float属性的值 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨 ...
分类：
Web程序 时间：
2018-05-30 21:27:16
阅读次数：
176
浮动 浮动是css里面布局最多的一个属性，也是很重要的一个属性。 float：表示浮动的意思。它有四个值。 none: 表示不浮动，默认 left: 表示左浮动 right：表示右浮动 看一个例子 html结构： css样式： 我们会发现，三个元素并排显示，.box1和span因为是左浮动，紧挨在一 ...
分类：
其他好文 时间：
2018-05-15 11:11:41
阅读次数：
185
1,达到的效果 2，先用div盒子，把结构排出来 3，调整紧贴盒子间的距离（由于都左浮动），不是想使用外边距和内边距，在盒子大小固定情况下，利用设置内容的大小，起到间隔作用。 4，利用盒子嵌套，调整里面（红色盒子的位置）位置，使内容达到布局的要求。 5，完成效果 ...
分类：
其他好文 时间：
2018-04-14 23:48:55
阅读次数：
271
1、关于inline-block和float的理解 inline-block和float都可以实现块级标签放在同一行上，inline不好设置左右对齐，只能通过margin和padding调节。而float可以设置左右对齐。 如果inline-block元素在最左边，而同排的folat元素设置向左浮动 ...
分类：
编程语言 时间：
2018-04-09 13:10:35
阅读次数：
169
今天学习到了实现一个静态进度条的方法，固写一篇笔记稳固一下自己的知识。 最终的效果如下，进度条放在一个框里，水平宽自适应。 现在就开始，首先写一个进度条先。 然后就可以将进度条放到写好的li里了 然后让 左浮动偶数 右浮动 再让 的父元素 清除浮动 就可以达到下面的效果 省下的样式就略了。 ...
分类：
Web程序 时间：
2018-04-05 16:50:44
阅读次数：
650
关于控制div靠左或靠右的排版布局,我整理三种平时用到的css属性小知识（元素模块靠左或靠右排版）： 1、float属性（float 属性定义元素在哪个方向浮动） 值：left（元素向左浮动）、right（元素向右浮动） 2、position属性（position属性规定元素的定位类型） 值：abs ...
分类：
Web程序 时间：
2018-03-08 14:41:04
阅读次数：
356
一、float浮动 两列布局可以使用浮动来完成，左列设置左浮动，右列设置右浮动，或者向同一个方向浮动。 当元素使用了浮动之后，会对周围的元素造成影响，那么就需要清除浮动，通常使用两种方法： 给受到影响的元素设置 clear:both，即清除元素两侧的浮动，也可以设置具体清除哪一侧的浮动：clear: ...
分类：
Web程序 时间：
2018-03-07 17:32:59
阅读次数：
2696
一、浮动和清除浮动 float属性： left：元素向左浮动； right：元素向右浮动。 clear属性： left：清除左浮动； right：清除右浮动； both：左右浮动一起清除。 二、用CSS画三角形 在网页中放一个div，如下定义它的style属性 { width: 100px; hei ...
分类：
Web程序 时间：
2018-02-06 18:08:27
阅读次数：
163
学习内容： 1.float，可使div脱离其原来位置进行位移 （1）float:left 向左浮动；（2）float:right 向右浮动； 2.clear 可对标签左右方向的float元素进行清除，避免元素之间相互叠加 3.overflow，对溢出边框的元素怎么处理 （1）hidden：隐藏，可以 ...
分类：
Web程序 时间：
2018-02-06 14:13:20
阅读次数：
196
