http://www.cnblogs.com/ForEvErNoME/p/3383539.html,记录学习 25.浮动元素引起的问题: 当容器的高度为auto(没设置),容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出 ...
分类:
其他好文 时间:
2017-03-12 13:40:57
阅读次数:
149
不清除浮动的一个常见危害是高度塌陷。关于高度,下面说这么几种情况: 解决浮动的办法: clear:both,不允许元素两侧有浮动(你可以理解为,遇到浮动元素会往下挪,从而撑起高度) 加两个点是CSS3新规,兼容的话一个点就好 缺点在于创建了不必要的节点,所以普遍做法是第一种 ...
分类:
其他好文 时间:
2017-03-09 11:40:14
阅读次数:
151
1:产生双边距bug:父级标签下的子元素设置了margin值且设置了浮动。解决办法:只需要给浮动元素加上display:inline 2:无法定义1px左右的元素:这是因为ie6下默认的行高造成的。解决方法:设置font-size:0,多加一个line-height:1px的属性,不过得在DIV里多 ...
分类:
其他好文 时间:
2017-03-02 12:43:33
阅读次数:
200
12, (1),为什么会出现这种情况:因为对于浮动而言,相当于子元素浮动在父元素上方,浮动元素在文档流中删除了,好像父元素中不存在了子元素,此时父元素默认宽度为零,会出现折叠情况 ,下面是对浮动造成的宽度为零的解决办法 (1):父元素自定义高度,这对于不定宽的块高度不适用 (2):子元素最后再加上一 ...
分类:
其他好文 时间:
2017-02-25 20:02:10
阅读次数:
121
带有float属性的元素,脱离文档流,具有block元素特征。 a,b元素都设置为float,脱离文档流,wrapper的高度为0。 浮动元素影响其它元素的左侧或右侧行框的宽度,使行框元素围绕在浮动元素周围。 a元素设置为float,b元素的宽度仍为wrapper的宽度,但浮动元素右侧的b元素的行框 ...
分类:
Web程序 时间:
2017-02-22 12:41:01
阅读次数:
206
浮动: 1.会脱离标准文档流; 2.浮动元素会紧靠(设置统一方向的话); 3.脱标后文字会围绕在脱标元素四周; 4.行内元素脱标后将具有完整的盒子,也就是说可以设置行高和padding值; 清除浮动常用的几种方法: 1.父元素设置行高; 2.隔墙法:父元素最后添加一个div,设为clear;clea ...
分类:
其他好文 时间:
2017-02-16 14:05:26
阅读次数:
179
镇场诗: 清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。 学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。——————————————————————————————————————————code: result: box的边框线重合,则证明box中没有内容。 注 ...
分类:
Web程序 时间:
2017-02-16 13:46:20
阅读次数:
716
上次写到三列布局,其中提到浮动元素margin为负值时的应用,今天就来总结一下,它的用处何在. 首先,先来探究一下,当一个元素的margin为负值时,都会有哪些影响. 其一,对自身的影响. 当元素不存在width属性或则width:auto的时候,负值margin会增加元素的宽度.(注意:这仅仅是在 ...
分类:
其他好文 时间:
2017-02-07 12:02:19
阅读次数:
234
很多人都有研究闭合浮动元素的问题,但是解决方法却不一样,也并不是每一种方法都尽善尽美。闭合浮动元素(或者叫清除浮动)是web标准设计中经常会遇到的一个问题,因此,这里我想总结一下目前经常用到的几种方法,并比较一下他们的易用性和适用环境。如果你有更好的方法不妨提出来大家一起讨论。 问题的提出: 最简单 ...
分类:
其他好文 时间:
2017-01-27 09:25:36
阅读次数:
167
以下内容为转载。 方法1:给浮动的元素的上级添加高度如果一个元素要浮动,那么它的祖先元素一定要有高度。高度的盒子,才能关住浮动。只要浮动在一个有高度的盒子中,那么这个浮动就不会影响后面的浮动元素。所以就是清除浮动带来的影响了。所以只需要给li的上级ul或者div设置一个height:40px;(只要 ...
分类:
Web程序 时间:
2017-01-24 23:44:28
阅读次数:
251