先来看一下效果： 1、基本效果就是这样的 ，鼠标悬停，下划线划入。鼠标离开，下划线划出 2、下划线的划入是有方向的，从左侧划入悬停，下划线由左向右伸长。从右侧划入，下划线由又往左伸长 实现思路 1、导航是由ul+li组成的，在这里显然li 的宽度是不固定的。所以，我们可能需要从 li 本身的宽度上做 ...
分类：
Web程序 时间：
2018-04-16 23:54:08
阅读次数：
584
在一个table中，我需要在td里面绝对定位一个div， 写法：td{position:relative;} div{position:absolute;} OK,就这么简单，思路也没什么问题，并且在chrome中结果完美。 BUT!!! IE(此处只测了一下IE，或许别的浏览器也不行，自行测试)， ...
分类：
其他好文 时间：
2018-04-15 16:13:22
阅读次数：
159
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 0 Transitional//EN""http://www.worg/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.worg/1999/ ...
分类：
Web程序 时间：
2018-04-11 16:12:25
阅读次数：
205
css的两栏布局是比较经典的布局之一，一般是左（右）边定宽，右（左）边自适应。 实现的方式也比较多，今天主要介绍3种。 1.浮动方法，使第一个div浮动起来脱离文档流，下面的div自动向上 2.绝对定位法 此方法的原理是将左侧的div设置为position:absolute，右侧默认宽度，并将mar ...
分类：
Web程序 时间：
2018-04-11 15:47:46
阅读次数：
187
相对定位与绝对定位在我们制作网页的过程中应用很频繁。但对于其具体作用的深度分析我们也是一知半解，只管怎么用，不管为什么这么用。这次，作为前端萌新的我，对二者进行了如下分析与测试，如有错误，欢迎指导讨教。相对定位与绝对定位在被定位时。相对定位是相对于自身定位的，且在文本流中保留其原本的位置。而绝对定位是相对于父级定位的，但前提是父级也必须定位，如果父级没有定位，那么子级就会寻找祖父级（即父级的父级）
分类：
其他好文 时间：
2018-04-11 15:09:49
阅读次数：
128
在css中让块级元素居中的方法有很多种，我先记录第一种方法，具体步骤如下： （1）给父元素添加绝对定位relative，如果不添加定位，那么块级子元素会在body中垂直居中 （2）给子元素添加相对定位absolute，并且让子元素距离父元素左边和顶部50%的距离，令left:50%;top:50%， ...
分类：
其他好文 时间：
2018-04-10 13:44:58
阅读次数：
309
1. 使用绝对定位和负外边距对块级元素进行垂直居中 缺点必须知道居中块级元素尺寸 css: 2. 使用绝对定位和transform 不用事先确定被定位的容器高度，使用transform的2d变换，垂直方向上平移，移动相对于元素本身长宽做参考 position: absolute; left: 50% ...
分类：
其他好文 时间：
2018-04-09 23:07:39
阅读次数：
261
为了弹出层的内容能平滑滚动，给弹出层容器加了 overflow-scrolling: touch; 结果发现在IOS下，弹出层容器下的绝对定位的导航和脚部闪现。无论是fixed还是改成absolute，都无法解决问题。 解决办法就是给要滚动的内容加一层div，在这个div上，设定平滑滚动。 ...
分类：
移动开发 时间：
2018-04-09 11:11:13
阅读次数：
340
给父盒子加相对定位 .rater-main .rater-img2{ width: 266px; height: 196px; overflow: hidden; background-color: #fff; position: relative;} 给子元素绝对定位 .rater-main > ...
分类：
其他好文 时间：
2018-04-08 16:00:13
阅读次数：
200
W3C 规范中 BFC的定义： 浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 table-captions），以及overflow值不为“visiable”的块级盒子，都会为他们的内容创建新的BFC（块级格式上下文）。 在BFC中，盒 ...
分类：
其他好文 时间：
2018-04-06 23:48:15
阅读次数：
214
