首先,我要先纠正一下网上的某些错误!这个方法是错误的。本人亲测~附代码可供测试: Demo demo demo demo demo 效果图为: 1、这是最常见的,使用带clear属性的空元素。效果图1为:2、在浮动元素的父级加上overflow:auto或者overfl...
分类:
其他好文 时间:
2015-10-28 19:07:03
阅读次数:
234
常见bug及其修复方法有以下几种1、双外边距浮动bug双外边距浮动bug在IE6及更低版本中常见。所谓双外边距浮动bug是指使任何浮动元素上的外边距加倍。(见下图)只要将元素的display属性设置成inline就行了。因为元素时浮动的,所以将display属性设置为inline实际上不会影响显示方...
分类:
其他好文 时间:
2015-10-25 22:20:21
阅读次数:
181
——阅读笔记,欢迎纠错^_^内容比较零散。。。。。1.让浮动元素的父容器根据元素的高度而自适应高度的方法:/*意思就是最外面的一层是父容器,给他加上清除浮动的功能,clearfix的代码再高效的CSS代码(1)中有*/2.再写代码前不是要先分析一下页面的模块吗,模块的划分也能间接影响代码的效率,写C...
分类:
Web程序 时间:
2015-10-19 22:23:32
阅读次数:
192
方法一:为父元素添加 overflow:hidden 第一个方法很简单,缺点是不太直观,即为父元素应用 overflow:hidden ,以强制它 包围浮动元素。 方法二:同时浮动父元素 第二种促使父元素包围其浮动子元素的方法,是也让...
分类:
其他好文 时间:
2015-10-19 02:06:51
阅读次数:
200
问题描述--IE6 IE7 IE8(Q) 下,若浮动元素之前存在兄弟行内非浮动元素,IE 会将浮动元素所在的“当前行”认为是其前边的兄弟行内元素所产生的匿名框的底边,导致该浮动元素折行。造成的影响---如果我们仅仅在 IE6 IE7 中编写页面并进行测试,当看到上面对测试代码的截图中的效果,在不清楚...
分类:
其他好文 时间:
2015-10-09 09:18:11
阅读次数:
189
问题描述---在IE6 IE7 IE8(Q)中,如果 clear 特性被设置在一个浮动的元素上,该浮动元素会与其前边的浮动元素放置在同一行。在IE6 IE7 IE8(Q)中,如果 clear 属性被设置到一个浮动的元素上,位于其后的浮动元素的外顶边高于该元素的外顶边。---造成的影响-在IE6 IE...
分类:
其他好文 时间:
2015-10-09 09:16:07
阅读次数:
120
2.浮动(float) 浮动(float)特点:1.元素会左移、右移,直到触碰到容器为止。 2.设置浮动元素,仍旧处于标准文档流。 3.当元素没有设置宽度值,而设置了浮动属性,元素的宽度随着内容的变化而变化。 4.当元素设置浮动属性后,会...
分类:
Web程序 时间:
2015-10-03 16:49:13
阅读次数:
175
1. BFC定义(非学术)BFC是一块独立渲染区域,决定了其包裹的子元素的定位方式。2.BFC形成条件下列情况将创建一个块格式化上下文:根元素或其它包含它的元素浮动 (元素的float不为none)绝对定位元素 (元素的position为absolute或fixed)行内块 inline-block...
分类:
其他好文 时间:
2015-09-18 12:01:04
阅读次数:
178
问题背景:移动端编程里面的左右按钮布局,没有用表布局,而用了浮动(为了让2个各占一半宽度的按钮排列在一行),由于浮动元素脱离了原本的文档流,导致父元素(块元素)所占高度为0,当父元素的display属性设置成内联块inline-block时,惊奇的发现它能占用浮动元素的高度了,但是用了一段时间之后发...
分类:
其他好文 时间:
2015-09-18 01:57:43
阅读次数:
224
解决办法:左浮动和右浮动元素在结构上互换位置http://blog.sina.com.cn/s/blog_818a1e5b0100wp5b.html
分类:
其他好文 时间:
2015-09-15 18:01:50
阅读次数:
138