IE6的3像素bug3像素bug是IE6的一个著名的bug,当浮动元素与非浮动元素相邻时,这个3像素的Bug就会出现。看下面这个左列固定,右列液态的例子,css代码如下:body { margin:0;}#side { float: left; background:#99FF99; height:...
分类:
其他好文 时间:
2015-07-26 22:20:38
阅读次数:
119
Box:是网页布局的对象和基本单位。box分为如下三类:-block-level块级-inline-level 行级-run-in css3中才有BFC:块级格式化上下文。BFC布局规则:1.内部的Box会在垂直方向,一个接一个的放置。2.Box垂直方向的距离有margin决定。属于同一个BFC的两...
分类:
Web程序 时间:
2015-07-26 17:19:17
阅读次数:
90
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存...
分类:
其他好文 时间:
2015-07-26 17:17:59
阅读次数:
116
虽然现在很少有人在用ie6了,但作为前端人员,是不的不面对的问题。在ie6中,使用float后的元素,在margin—left,这是你会发现距离和你想的不一样,其他的浏览器又是正常的,增大margin—left这一现象会更明显。解决此办法的最简单的方法是,在style中添加:display:inli...
分类:
其他好文 时间:
2015-07-26 17:10:08
阅读次数:
123
android中UI应用的开发中常常会使用view.setVisibility()来设置控件的可见性。当中该函数有3个可选值。他们有着不同的含义:View.VISIBLE--->可见View.q=INVISIBLE&ie=utf-8&src=se_lighten_f" style="margin:0...
分类:
移动开发 时间:
2015-07-26 17:03:39
阅读次数:
136
一、CSS代码如下: .switch { position: relative; margin: 20px auto; height: 26px; width: 120px; background: rgba(0, 0, 0, 0.25); border-radius: 3px; bo...
分类:
移动开发 时间:
2015-07-26 15:31:45
阅读次数:
146
前言: 平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你....
分类:
Web程序 时间:
2015-07-26 15:28:23
阅读次数:
152
本节我们来讨论一下Inline formatting contexts(行内格式化上下文,以下简称IFC)和line box(行框)。一、行框 在一个行内格式化上下文中,框会一个接一个的水平放置,从包含块的顶部开始。这些框水平方向的margin、border以及padding属性是会起作用的。...
分类:
其他好文 时间:
2015-07-26 00:21:13
阅读次数:
199
科技在高速的发展,技术日新月异,不断的进步促使科学技术的发展,各项技术也在不同领域发展的很快,在web前端也在不断出现新的布局方法,这里就简单介绍圣杯布局法和负边距布局法; 各种布局的技术实现,被经常使用的三种技术: 1.浮动 float 2.负边距 negative margin 3....
分类:
Web程序 时间:
2015-07-25 22:43:58
阅读次数:
237
1. ie6.0横向margin加倍产生因素:块属性、float、有横向margin。解决方法:display:inline;2. ie6.0下默认有行高解决方法:overflow:hidden;或font-size:0;或line-height:xx px;3. 在各个浏览器下img有空隙(原因是...
分类:
其他好文 时间:
2015-07-25 21:21:42
阅读次数:
159