这种情况不再需要左浮动 1）可以每份33.3%，左浮动； 2）每个li 用 vertical-align:middle; display:inline-block(如果左右都是一行，用line-height也是可以实现的); 3）每个li 用text-align:center; 4）小图标里面必须加 ...
分类：
其他好文 时间：
2017-05-19 16:04:18
阅读次数：
301
一、左右负边距对元素宽度的影响 先来看这样一个例子。 讲这个例子之前，还要先了解一下浮动原理。 浮动原理：（以左浮动为例）所有子元素向左浮动。浮动框向左移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以子元素2向左浮动直到碰到子元素1的外边距为止。其他类推，当包含框无法容纳水平排列的浮动元 ...
分类：
其他好文 时间：
2017-05-08 16:20:31
阅读次数：
179
一、双边距浮动的bug 1.1一段无错的代码把一个居左浮动(float:left)的元素放置进一个容器盒(box) 2.1在浮动元素上使用了左边界(margin-left)来令它和容器的左边产生一段距离 在ie6或更低版本中产生双倍外边距 修复方法 在浮动元素上添加display:inline属性即 ...
分类：
其他好文 时间：
2017-04-12 03:02:57
阅读次数：
286
我们都习惯使用“clear:both清除浮动”这样的陈述。因此，当想到clear: left的时候，自然会认为是“清除左浮动”，clear: right是清除右浮动。 其实现在想想，这样的理解与表示是不严谨的欠考虑的。 一般，现在中文圈流传的表述是： clear语法：clear : none | l ...
分类：
其他好文 时间：
2017-04-04 15:03:37
阅读次数：
195
此简单轮播图布局原理是： 一个div包含图片列表，和控制按钮。其宽度等于图片的宽度，溢出隐藏。 图片要左浮动。 jquery原理： 开一个定时器，隔一段时间执行图片列表向左移动一个图片的宽度，同时在移动时设置一个回调函数。 把向左移动的图片，也是图片列表的第一张图片，添加到图片列表ul的末尾。 这样 ...
分类：
Web程序 时间：
2017-04-02 21:01:20
阅读次数：
826
1.浮动法，左列左浮动，右列右浮动，插入主体。中间内容#main必须要在最后加入，#main占一行会影响后面的浮动元素 2.margin负值法，每个盒子都向一边浮动，通过负margin把盒子拉到左侧，先放中间的盒子 3.绝对定位，左右两列绝对定位，中间用margin撑开距离。最容易理解 4.flex ...
分类：
其他好文 时间：
2017-03-29 20:10:26
阅读次数：
145
浮动是我们在前端页面中经常会用到的一种布局方式。那什么是浮动呢? 首先我们先来看一下它的定义。浮动是指让元素脱离文档标准流(脱标),按照指定的方向去横向排列。浮动的取值有两个,分别是float:left;(向左浮动) float:right;(向右浮动) 那浮动都有哪些特点呢? 浮动有四个特点:(1 ...
分类：
Web程序 时间：
2017-03-13 23:36:32
阅读次数：
221
1.p{float:left}好像意思是p后面的元素往左浮动的意思啊！！2.ff下，button的文字好像没法垂直居中2.1 button垂直对齐，其line-height似乎需要减2px（依边框宽度而定）3.inline-block同inline有什么区别4.继承得到的font-size有小数点5 ...
分类：
Web程序 时间：
2017-03-06 19:17:22
阅读次数：
184
css浮动（float） float是css样式，用于设置标签的居左浮动和居右浮动，浮动后的元素不属于html文档流，需要用清除浮动把文档拽回到文档流中 浮动值： left：向左浮动 right：向右浮动 html文档流：自窗体自上而下分成一行一行，并在没行中从左到右的顺序排放元素。 通过例子来解释 ...
分类：
Web程序 时间：
2016-12-20 23:40:46
阅读次数：
210
核心点有两个，大盒子设置box-sizing:border-box，这样的话设置padding值后就不会有横向滚动条 然后就是图片左浮动，文本有浮动，这样就能让文本和图片之间有间隔。 由于采用百分比布局，图片就能在窗口变化的时候，自由缩放了。 演示地址：http://down.yesyes.wang ...
分类：
其他好文 时间：
2016-12-15 20:22:07
阅读次数：
195
