一,左侧div,float设为left,右侧div设置margin-left属性为左侧div的宽度,外div清除浮动 1 2 3 4 5 Document 6 7 32 33 34 side35 main36 37 38 二,...
分类:
其他好文 时间:
2015-01-17 15:11:05
阅读次数:
167
测试为IE5+
1:在父元素的里面浮动元素的后面添加一个样式为clear:both;的元素;缺点是添加了无用的标签元素;
.clear{ clear:both; height:0px; font-size: 1px; line-height: 0px;overflow:hidden; }/* 清除浮动*/...
分类:
其他好文 时间:
2015-01-12 16:33:45
阅读次数:
130
参考一:From http://www.bitscn.com/school/HTMLCSS/201312/284207.html.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hi...
分类:
Web程序 时间:
2015-01-11 17:23:20
阅读次数:
184
一个浮动(左浮动或右浮动)垂直环绕布局(浮动和清除浮动)左右两列布局注意:网页设计中应该尽量避免使用浮动1、一个浮动(左浮动或右浮动)当一个div里面含有浮动元素和非浮动元素,IE6,7中的浮动元素会出现错位现象。解决方案: ①将浮动元素位于非浮动元素的前面。②非浮动设置为浮动元素。③浮动元素设置m...
分类:
其他好文 时间:
2015-01-06 21:32:30
阅读次数:
191
浮动(float),一个我们即爱又恨的属性。爱,因为通过浮动,我们能很方便地布局; 恨,浮动之后遗留下来太多的问题需要解决,特别是IE6-7(以下无特殊说明均指 windows 平台的 IE浏览器)。也许很多人都有这样的疑问,浮动从何而来?我们为何要清除浮动?清除浮动的原理是什么?本文将一步一步地深...
分类:
其他好文 时间:
2015-01-06 11:28:38
阅读次数:
169
给包围 浮动的层 加清除浮动样式,样式要兼容的用下面的代码.clearfix {*zoom:1; clear:both;}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;zoom: 1;}...
分类:
其他好文 时间:
2015-01-05 20:20:03
阅读次数:
338
当元素有浮动属性时,会对其父元素或后面的元素产生影响,会出现一个布局错乱的现象,可以通过清除浮动的方法来解决浮动的影响。浮动的清理(clear):值:none:默认值。允许两边都可以有浮动对象;left:不允许左边有浮动对象;right:不允许右边有浮动对象;both:左右两侧不允许有浮动对象。清除...
分类:
Web程序 时间:
2015-01-02 15:49:52
阅读次数:
208
前几天一朋友在群里问clear:left的意思,我以为是简单的清除浮动问题,就让他百度“清除浮动”,导致中间有点小误会。后来我按照他写的DEMO,发现我自己也没完全理解clear:left和clear:right的意思。特别看了下手册,和写了几个DEMO,经过群里其他人指导,总结如下,希望对其他人能...
分类:
Web程序 时间:
2014-12-30 00:19:20
阅读次数:
263
一般来说,让绝对定位的元素不挨着浮动元素就OK了:1.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,以及没有清除浮动时,IE6/7,FF中显示一致;2.当绝对定位层的邻近浮动层的宽度不等于父层宽度时,有清除浮动时,IE6/7不显示绝对定位层,FF显示;3.当绝对定位层的邻近浮动层的宽度等于父层宽度...
分类:
其他好文 时间:
2014-12-29 13:42:42
阅读次数:
148