在下才疏学浅，不足之处，还请多多指教。 定位有这五种： 常用的是前三种，接下来上代码： 执行效果如下： 再看一个小demo： 执行效果如下 接下来分析下浮动： inherit是：元素从父级继承float属性的值； left是：元素向左浮动； none是：元素保持默认，在本该出现的位置； right是 ...
分类：
Web程序 时间：
2016-10-03 17:11:15
阅读次数：
270
左边固定，右边自适应常见方式总结 html结构如下： (1)左边向左浮动并固定宽度，右边给margin-left (注：右边这个div一定不能给width:100%) （2）父元素相对定位，左边绝对定位并给固定宽度，右边margin-left (注：右边这个div一定不能给width:100%) ( ...
分类：
其他好文 时间：
2016-09-19 19:44:06
阅读次数：
138
CSS浮动和清除 float：让元素浮动，取值：left(左浮动)、right(右浮动) clear：清除浮动，取值：left(清除左浮动)、right(清除右浮动)、both(同时清除上面的左浮动和右浮动) 1、CSS浮动 浮动的元素，将向左或向右浮动，浮动到包围元素的边上，或上一个浮动元素的边上 ...
分类：
Web程序 时间：
2016-09-08 16:17:15
阅读次数：
229
针对如何清除浮动，是对受影响的元素中添加清除浮动样式，即可做到清除浮动； 部分代码如下： <div style="float:left;'>向左浮动了</div> <p style="">我要被影响了呀</p> 由于div向左浮动，P标签会跟随着DIV，因此要想P标签另起一行，可用如下方法： 1、c ...
分类：
其他好文 时间：
2016-09-01 02:10:54
阅读次数：
117
比较常用的两个属性值是左浮动和右浮动。在接下来的分享中，只会拿左浮动作为例子。其他浮动属性值与左浮动原理相同。 ...
分类：
Web程序 时间：
2016-08-27 12:42:36
阅读次数：
240
以4张图片为例：1.基本布局：将4张图片左浮动横向并排放入一个div容器内，图片设置统一尺寸，div宽度设置4个图片的总尺寸，然后放入相框容器div，相框设置1个图片的大小并设置溢出隐藏，以保证正确显示一个照片。2.设置动画：然后使用css3动画，通过对photos进行位移，从而达到显示不同的图片， ...
分类：
Web程序 时间：
2016-08-22 18:18:40
阅读次数：
468
float,浮动 在元素的水平方向，left,right进行浮动，直到外框碰到父边缘框或者另外一个浮动元素的外框 浮动对前面元素没有影响，后面的元素会围绕它，右浮动，后面元素将围绕在它左边，左浮动，后面元素围绕在它右边 当一个元素浮动之后，不会影响到 块级框的布局而只会影响内联框（通常是文本）的排列 ...
分类：
Web程序 时间：
2016-08-19 13:01:50
阅读次数：
166
我们都知道float：left属性会让元素向左浮动，如果用一个div将几个左浮动的li包起来，是不是div的宽度被li撑得很长很长呢，代码： 但是实际的显示效果却是： 可以看见div的宽度不是被div撑得很长，二是直接换行了， 由此对float：left属性进行了一些总结：当给元素用了float属性 ...
分类：
其他好文 时间：
2016-08-18 16:00:57
阅读次数：
140
display block 块级元素，占据一行 none 隐藏 inline 允许同一行显示，但不再有宽和高 inline-block 允许在一行的块级元素，可以有宽和高 例如，把所有a元素设置成100×50的块级元素： float none 默认 不浮动 left 向左浮动 right 向右浮动 ...
分类：
Web程序 时间：
2016-08-17 12:20:43
阅读次数：
185
现创建如下布局,其中灰色div包含粉色和绿色两个div， 粉色和绿色层叠； 三个图标浮动排列。 1. div 代码 2. 让粉色和绿色div 层叠，使用绝对布局和z-index,。z-index数值大的叠在上面，box2 的z-index 大，则绿色叠上面. 绝对布局可以用top,left, rig ...
分类：
其他好文 时间：
2016-08-03 13:18:09
阅读次数：
158
